<meta name="format-detection" content="telephone=no, email=no">
‘format-detection’
忽略页面对手机号、email的识别
telephone:yes|no
email:yes|no
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
‘viewport’
设置显示方式,一般适配移动设备用来避免缩放和影响体验的滚动条
width=device-width:宽度为设备宽度
initial-scale: 初始的缩放比例 (范围从>0到 10 )
minimum-scale: 允许用户缩放到的最小比例
maximum-scale: 允许用户缩放到的最大比例
user-scalable: 用户是否可以手动缩放
Safari浏览器私有meta属性
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="APP name">
‘apple-mobile-web-app-capable’
隐藏浏览器的地址栏和toolbar,页面显示为全屏,不加此meta则默认显示地址栏和toolbar
content:yes|no
‘apple-mobile-web-app-status-bar-style’
content:default|black| black-translucent,即白色、黑色、灰色半透明
‘apple-mobile-web-app-title’
添加到主屏后的标题
QQ浏览器私有meta属性
<meta name="x5-orientation" content="landscape">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="default">
‘x5-orientation’横竖屏控制
强制横/竖屏以及跟随浏览器设置【默认】
content:landscape|portrait|auto
‘x5-fullscreen’全屏控制
强制全屏以及跟随浏览器设置【默认】
content:true|auto
‘x5-page-mode’ 页面模式
普通浏览模式【默认】以及网页应用模式(定制工具栏,全屏显示)
content:default|app