移动端布局（viewport）方法

标签：device   init   浏览器   高度   idt   布局   用户   scale   ice   

viewport默认有6个属性

• width: 设置viewport的宽度（即之前所提及到的，浏览器的宽度详），这里可以为一个整数，又或者是字符串"width-device"
• initial-scale: 页面初始的缩放值，为数字，可以是小数
• minimum-scale: 允许用户的最小缩放值，为数字，可以是小数
• maximum-scale: 允许用户的最大缩放值，为数字，可以是小数
• height: 设置viewport的高度（我们一般而言并不能用到）
• user-scalable: 是否允许用户进行缩放，‘no‘为不允许，‘yes‘为允许

我们把这个标签是在head里面，像这样

<meta name="viewport" content="initial-scale=1">

这样就可以做到对viewport的控制了

移动端布局（viewport）方法

标签：device   init   浏览器   高度   idt   布局   用户   scale   ice   

原文地址：http://www.cnblogs.com/chuntaoj/p/5991212.html