关于手机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" /> 不希望手机自动将网页中的电话号码(地址,电子邮箱)显示为拨号的超链接