常用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: 用户是否可以手动缩放

 默认不设置viewport一般可视区域宽度在移动端是980px;

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

如果有的地方需要点击呼叫功能呢，我们可以这样设置

<a href="tel:110">请拨打电话110</a>

发送邮件

<a href="mailto:819508408@qq.com">邮箱</a>

 

原文博客：移动端常见meta设置