IOS 禁止缩放页面的实现方法
更新时间：2017年07月27日 08:58:10 作者：侞婼冇罪
这篇文章主要介绍了IOS 禁止缩放页面的实现方法的相关资料,这里主要介绍了IOS 10如何通过设置来实现禁止缩放及实现方法，需要的朋友可以参考下
IOS 禁止缩放页面的实现方法
在ios10前我们能通过设置meta来禁止用户缩放页面：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
在ios10系统中meta设置失效了：
为了提高Safari中网站的辅助功能，即使网站在视口中设置了user-scalable = no，用户也可以手动缩放。
解决方法：监听事件来阻止
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)
}
以上就是对IOS 禁止用户缩放页面的实现方法，如有疑问，请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要给大家介绍了关于iOS如何改变UIBarButtonItem大小的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
这篇文章主要为大家详细介绍了iOS指纹登录TouchID的集成方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-04-04
这篇文章主要为大家详细介绍了iOS验证手机号的正则表达式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
Popover（气泡弹出框/弹出式气泡/气泡）是由一个矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致Popover弹出的控件或区域。本文通过实例代码给大家介绍了iOS Popover气泡效果，需要的朋友参考下吧2017-12-12
项目的不断更迭，导致项目越来越大，越来越臃肿，为了让项目更加条理，需要对项目进行模块化处理，为了减少模块之间的耦合，于是就有了Lotusoot这个工具2022-08-08
这篇文章主要介绍了iOS 下的图片处理与性能优化详解，帮助大家更好的理解和学习使用ios开发，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了iOS集成GoogleMap(定位、搜索)需要注意的地方，对此有兴趣的读者一起学习下吧。2018-02-02
这篇文章主要给大家汇总了一下ios下移动文件方法，从简单到复杂，十分的实用，有需要的小伙伴可以参考下。2015-05-05
iOS tableView上拉刷新显示下载进度的问题及解决办法
这篇文章主要介绍了 iOS tableView上拉刷新显示下载进度的问题及解决办法，需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了iOS仿新闻tab标题栏效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
最新评论