手机网页自适应问题

　　手机自适应宽度

　　向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：表示用户是否可以调整缩放比例

 

转载于:https://www.cnblogs.com/dzlffmx/p/4021773.html