AI智能
改变未来

HTML移动端禁止缩放页面 meta属性(ios和安卓)

 1.通用

<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-widthheight // 设置 viewport 的高度,正整数/字符串 device-heightinitial-scale // 设置设备宽度与 viewport大小之间的缩放比例,0.0-10.0之间的正数maximum-scale // 设置最大缩放系数,0.0-10.0之间的正数minimum-scale // 设置最小缩放系数,0.0-10.0之间的正数user-scalable // 如果设置为 no 用户将不能缩放网页,默认为 yes,yes / no*/

2.IOS注意

iOS 10之后不接受meta标签,可通过js监听手势控制

document.addEventListener(\'gesturestart\', function (event) {event.preventDefault()})

 

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » HTML移动端禁止缩放页面 meta属性(ios和安卓)