在开发手机端页面的时候会在表头默认添加这个meta以达到自适应屏幕,每个属性有如下意义:
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no" />
- 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。
- <meta
name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> -
- width
- viewport的宽度 height - viewport的高度 - initial-scale
- 初始的缩放比例 - minimum-scale
- 允许用户缩放到的最小比例 - maximum-scale
- 允许用户缩放到的最大比例 - user-scalable
- 用户是否可以手动缩放