1、设置viewport
<meta name="viewport" content="width=device-width,user-scalable=no">
这句话设置viewport的宽为设备的宽,禁止用户进行缩放
此外,常见参数设置:
a) width: 宽度(数值/device-width) 默认为980
b)height 高度(数值/device-height)
c)initial-scale: 初始的缩放比例
d)minimum-scale: 允许用户缩放到的最小比例
e)maximum-scale: 允许用户缩放到的最大比例
f)user-scalable: 用户是否可以手动缩放
2、强制竖屏
只有UC和X5内核的浏览器支持,其他浏览器不支持。
x5的写法
<meta name="x5-orientation" content="portrait">
uc的写法
<meta name="screen-orientation" content="portrait">
3、浏览器全屏显示
只有UC和X5内核的浏览器支持,其他浏览器不支持
X5的写法
<meta name="x5-fullscreen" content="true">
uc的写法
<meta name="full-screen" content="yes">
4、禁止识别电话号码和邮箱号码
<meta name="format-detection" content="telephone=no,email=no">
5、webapp 全屏模式:伪装app,离线应用
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->
6、隐藏状态栏/设置状态栏颜色:只有在开启webapp全屏模式时才生效,content的值为default\black\black-translucent.
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
7、添加到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题">
8、浏览器内核控制:国内浏览器很大都说双内核的,我们可以指定内核进行渲染
<meta name="renderer" content="webkit|ie-comp|ie-stand">
9、禁止浏览器从本地计算机的缓存中访问页面内容
<meta http-equiv="Pragma" content="no-cache">
10、转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta
<meta http-equiv="Cache-Control" content="no-siteapp" />