这几天在搞微信公众平台,涉及到几个页面要写,可是当我测试时发现和想象中不太一样,于是去找了几个页面看了下,发现他们页面头部有 meta viewport 的标签,所以去找了下网上的资料,发现千篇一律,而且有的排版极其难看,所以我复制过来自己重新排版下、
参数说明
-
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- width :
- 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)
- height :
- 和width相对应,指定高度
- initial-scale :
- 初始缩放比例,页面第一次加载时的缩放比例
- maximum-scale :
- 允许用户缩放到的最大比例,范围从0到10.0
- minimum-scale :
- 允许用户缩放到的最小比例,范围从0到10.0
- user-scalable :
- 用户是否可以手动缩放,值可以是:yes/true允许用户缩放;no/false不允许用户缩放