移动端常见meta设置

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" />