<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
标签说明:
width
: 设置viewport
的宽度,正整数/字符串device-width
height
: 设置viewport
的高度,正整数/字符串device-height
initial-scale
: 设置设备宽度与viewport
大小之间的缩放比例,0.0~10.0
之间的正数maximum-scale
: 设置最大缩放系数,0.0~10.0
之间的正数minimum-scale
: 设置最小缩放系数,0.0~10.0
之间的正数user-scalable
: 如果设置为no
,用户将不能缩放网页,默认为yes
,yes / no
注意:
IOS10以后版本不接受meta标签,可以通过js监听手势控制来实现禁止页面缩放:
document.addEventListener('gesturestart', function (event) {
event.preventDefault()
})
标签:10.0,scale,缩放,0.0,IOS,H5,设置,viewport
From: https://www.cnblogs.com/aahan/p/17643824.html