手机网页自适应问题
手机自适应宽度
向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:表示用户是否可以调整缩放比例
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。