要想网站适配手机，有一句代码必须添加不可缺少，它就是meta属性之一的viewport，它的意义在于告诉移动端的设备网站是跨屏幕自适应的，并且还有几个关键的参数设置，以下做详细解释。
在head中添加
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no”>
viewport ：用户网页的可视区域.
width：控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放100%时的CSS的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
user-scalable：用户是否可以手动缩放。
未经允许不得转载：跨屏互联 » 手机网站适配之meta设置详解
