在做app开发的时候,有时候需要调用网页。如果手机分辨率过大,显示出来的网页字体就很小。那么如何让网页来自动适应手机屏幕呢?
在head标签中加入下面的meta就可以实现这个目的了
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
其中:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0 :表示初始的缩放比例
minimum-scale=0.5 :表示最小的缩放比例
maximum-scale=2.0 :表示最大的缩放比例
user-scalable=yes :表示用户是否可以调整缩放比例