Web手机自适应网页设计

这个主要就是须要改掉HTML的页面声明：

在HTML中添加一下代码便可正常显示：

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

解释：

width: viewport的宽度，

height: viewport的高度，

initial-scale: 初始的缩放比例，

minimum-scale: 容许用户缩放到的最小比例，

maximum-scale： 容许用户缩放到的最大比例，

user-scalable: 用户是否能够手动缩放。

最后就是不要设置太大的具体的宽度属性，若是须要大宽度的，能够采用比例的方式来设置，这样设计的屏幕宽度也可以自适应屏幕的大小。