手机自适应宽度
向head标签里加上一下代码即可（不足之处，宽度适应里，高度却未必适应）
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度
上面这行代码的意思是：
网页宽度默认等于屏幕宽度（width=device-width），
原始缩放比例（initial-scale=1）为1.0，
即网页初始大小占屏幕面积的100%。
width=device-width ：表示宽度是设备屏幕的宽度
height=device-height：表示高度是设备屏幕的高度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
原文：http://www.cnblogs.com/dzlffmx/p/4021773.html