手机网页自适应问题

  手机自适应宽度

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。