移动端网页开发 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不允许用户缩放
posted @ 2013-08-22 15:54  楼教主  阅读(822)  评论(0编辑  收藏  举报