博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
meta设置
阅读量:6827 次
发布时间:2019-06-26

本文共 1546 字,大约阅读时间需要 5 分钟。

hot3.png

移动端页面设置视口宽度等于设备宽度,并禁止缩放。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

 

移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。

<meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

 

禁止将页面中的数字识别为电话号码

<meta name="format-detection" content="telephone=no">

 

忽略Android平台中对邮箱地址的识别

<meta name="format-detection" content="email=no">

 

当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari

<meta name="apple-mobile-web-app-capable" content="yes">

<!-- ios7.0版本以后,safari上已看不到效果 -->

 

将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- 可选default、black、black-translucent -->

 

添加到主屏后的标题

<meta name="apple-mobile-web-app-title" content="标题">

 

添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

 

优先使用 IE 最新版本和 Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 

移动端viewport模板

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">

        <meta content="yes" name="apple-mobile-web-app-capable">

        <meta content="black" name="apple-mobile-web-app-status-bar-style">

        <meta content="telephone=no" name="format-detection">

        <meta content="email=no" name="format-detection">

        <title>title</title>

    </head>

 

    <body></body>

</html>

转载于:https://my.oschina.net/u/2306318/blog/868182

你可能感兴趣的文章
一步步学Qt,第五天-小小的ClippingDemo
查看>>
__FILE__,__LINE__,FUNCTION__实现代码跟踪调试(linux下c语言编程)(转)
查看>>
ASCII字符集
查看>>
如何用Axure快速制作APP交互原型
查看>>
微软正式开源Blazor,将.NET带回到浏览器
查看>>
Linux中普通用户配置sudo权限(带密或免密)
查看>>
poj1753-Flip Game BFS+位运算
查看>>
DeDe调用body文章内容
查看>>
Eclipse的Debug(一)
查看>>
配置虚拟主机(搭建网站)
查看>>
用了N年的接口,你知道接口是什么吗?——一个简单实例说明接口的伟大意义...
查看>>
EF 数据库迁移(Migration)
查看>>
[Xilinx]官方资料 常用链接
查看>>
6.6心得
查看>>
k2系列-服务器管理篇
查看>>
BZOJ2427: [HAOI2010]软件安装 tarjan+树形背包
查看>>
第二类斯特林数
查看>>
线程和进程的区别
查看>>
java笔试总结
查看>>
06-ICMP: Internet 控制报文协议
查看>>