移动端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添加到桌面,改状态条的颜色

【移动端meta头一些常用的属性】允许全屏展示

禁止识别数字为电话,email
3.不常用的:

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

max-age=180响应时间

好处:访问快
解决 dns缓存问题
4.一些其他的:




















    推荐阅读