ios10中禁止Safari浏览器用户缩放页面

作者：管理员 2017-08-18 15:47:45 分类：JavaScript 阅读（15093） 0

在ios10前我们能通过设置meta来禁止用户缩放页面：

1	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

在ios10系统中meta设置失效了：

为了提高Safari中网站的辅助功能，即使网站在视口中设置了user-scalable = no，用户也可以手动缩放。

解决方法：监听事件来阻止

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
}
})
var lastTouchEnd=0;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false)
}

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(5) 打赏

标签：

ios10 Safari 缩放页面

上一篇：关于zepto.js中tap事件会触发两次问题

下一篇：论：在技术部，如何成为一个受人尊重的Leader

ios10中禁止Safari浏览器用户缩放页面

相关推荐

共 0 条评论关于"ios10中禁止Safari浏览器用户缩放页面"

点击取消