移动端meta头一些常用的属性

在移动端我们往往需要设置一些meta属性来达到我们需要的一些效果。

1.比较重要的:

width=device-width:设备宽度;

user-scalable=no:是否可以缩放,可以设置为no或者0;

initial-scale=1.0:初始缩放比例

maximum-scale=1.0 :最大缩放比例 

minimum-scale=1:最小缩放比例

shrink-to-fit=no : 解决ios9中的bug  识别屏幕宽度

viewport-fit=cover 解决苹果x 刘海的问题

2. 针对苹果手机:

可以把页面已app的方式添加到桌面

如果你把app添加到桌面,改状态条的颜色

允许全屏展示

禁止识别数字为电话,email

3.不常用的:

应用信息,保留系统的历史记录,运动效果

max-age=180  响应时间

好处:访问快

解决 dns缓存问题

4.一些其他的:

       

       

       

       

       

 

       

       

       

 

       

       

你可能感兴趣的:(移动端meta头一些常用的属性)