h5里viewport设置
2016-01-12 15:53
841 查看
正确设置:
即窗口的大小是设备物理宽度(分辨率 / devicePixelRatio),并且禁止缩放。两者一起使用。width设置浏览器可视宽度,initial-scale设置可视区域缩放级别。注意中间是逗号分隔。若写成分号则后面的无效。
content属性值 :
当页面单位用了
<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渲染不正常。
相关文章推荐
- html5的页面缓存和本地数据存储支持
- 使用HTML5 API(AudioContext)实现可视化频谱效果
- HTML5 input 常用属性
- 传奇创世h5开发案例:那些年走过的路想想都发怵
- HTML5填充颜色的fillStyle测试
- 01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5
- HTML5标签元素下的下划线动画
- html5响应式
- html5 Canvas画图3:1px线条模糊问题
- H5 摇一摇
- HTML5新增标签
- HTML5的学习(二)HTML5标签
- HTML5新增属性
- HTML5 History API 实现无刷新跳转
- Web大前端时代之:HTML5+CSS3入门系列
- html5常用属性总结
- HTML5 FormData对象 的上传文件的使用
- HTML5基本页面样式
- Html5添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件教程
- HTML5小游戏开发不可不知的五大必备工具