首页 > 代码库 > 关于手机meta

关于手机meta

下面是手机网页的一些认识

<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no"><meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">initial-scale - 初始的缩放比例  minimum-scale - 允许用户缩放到的最小比例   maximum-scale - 允许用户缩放到的最大比例  user-scalable - 用户是否可以手动缩放media="(device-height: 568px)"规定目标显示器/纸张的高度
<meta name="apple-mobile-web-app-capable" content="yes">如果content设置为yes,Web应用会以全屏模式运行,反之,则不会。content的默认值是no,表示正常显示。你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。
<meta name="apple-mobile-web-app-status-bar-style" content="black">默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)
<meta name="format-detection" content="telephone=no"><meta name="format-detection" content="address=no"><meta content="email=no" name="format-detection" />不希望手机自动将网页中的电话号码(地址,电子邮箱)显示为拨号的超链接

 

关于手机meta