在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:
1 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
1、width=device-width ：表示宽度是设备屏幕的宽度
2、initial-scale=1.0：表示初始的缩放比例
3、minimum-scale=0.5：表示最小的缩放比例
4、maximum-scale=2.0：表示最大的缩放比例
5、user-scalable=yes：表示用户是否可以调整缩放比例
原文：http://www.cnblogs.com/xianfangloveyangmei/p/4442325.html