在网页代码的头部,加入一行viewport元标签
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
属性说明
属性 | 说明 |
---|---|
width=device-width | width为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度 |
initial-scale=1.0 | 设置页面的初始缩放值,可以是一个带小数的数字,1.0就是占网页的100% |
minimum-scale=1.0 | 最小的缩放比例 |
maximum-scale=1.0 | 最大的缩放比例 |
user-scalable=no | 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许 |