在<head></head>之间加上
<meta name="viewport" content="width=device-width,user-scalable=yes,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
width 表示viewport的宽度 height 表示viewport的高度initial-scale 表示初始的缩放比例minimum-scale 表示允许用户缩放到的最小比例maximum-scale 表示允许用户缩放到的最大比例user-scalable 表示用户是否可以手动缩放(no表示禁止双击放大功能,用yes就可以放大)
加上代码之后我们再刷新一下网页就以看到效果了。
显示完整了。。大家学会了吗。
分享到: