CSS3-移动端

元标记

为了确保适当的绘制和触屏缩放，需要添加viewport元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

还可以添加user-scalable=no禁止用户缩放来使网站更像原生应用，但这并不适合所有网站，要视情况而定。

参数	解释
width=device-width	等于设备宽度
initial-scale=1	初始化缩放比例为1(即不缩放)
shrink-to-fit=no	关闭自适应宽度，兼容IOS
minimum-scale	最小缩放比例
maximum-scale	最大缩放比例
user-scalable	是否允许用户缩放(和最小/大缩放比例冲突,只需设置一种)