首页 > 代码库 > 关于手机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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。