h5里viewport设置
正确设置:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
即窗口的大小是设备物理宽度(分辨率 / devicePixelRatio),并且禁止缩放。两者一起使用。width设置浏览器可视宽度,initial-scale设置可视区域缩放级别。注意中间是逗号分隔。若写成分号则后面的无效。
content属性值 :
width:可视区域的宽度,值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放
当页面单位用了rem
,initial-scale
必须为1.0,不设置或者设置不正确导致rem
渲染不正常。
(本文完)
本文优先在公众号"飞鸿影的博客(fhyblog)"发布,欢迎关注公众号及时获取最新文章推送!
本文优先在公众号"飞鸿影的博客(fhyblog)"发布,欢迎关注公众号及时获取最新文章推送!
作者:飞鸿影
出处:http://52fhy.cnblogs.com/
版权申明:没有标明转载或特殊申明均为作者原创。本文采用以下协议进行授权,自由转载 - 非商用 - 非衍生 - 保持署名 | Creative Commons BY-NC-ND 3.0,转载请注明作者及出处。