移动web开发--meta 之 viewport

常用的 viewport meta 如下：

 

 

1 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

 

 

1、width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）

 

2、height : 和width相对应，指定高度

 

3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例

 

4、maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0

 

5、minimum-scale : 允许用户缩放到的最小比例，范围从0到10.0

 

6、user-scalable : 用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放