移动端网页开发 meta 之 viewport

      这几天在搞微信公众平台，涉及到几个页面要写，可是当我测试时发现和想象中不太一样，于是去找了几个页面看了下，发现他们页面头部有 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不允许用户缩放