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应用中自定义UITableViewCell的方法
这篇文章主要介绍了iOS应用开发中自定义UITableViewCell的方法,示例为传统的Obejective-C语言,需要的朋友可以参考下2016-04-04iOS使用 CABasicAnimation 实现简单的跑马灯(无cpu暴涨)
本篇文章主要介绍了iOS使用 CABasicAnimation 实现简单的跑马灯(无cpu暴涨),具有一定的参考价值,有兴趣的可以了解一下。2017-01-01iOS开发中UIPopoverController的使用详解
这篇文章主要介绍了iOS开发中UIPopoverController的使用,代码基于传统的Objective-C,需要的朋友可以参考下2015-11-11使用设计模式中的Singleton单例模式来开发iOS应用程序
这篇文章主要介绍了使用设计模式中的Singleton单例模式来开发iOS应用程序的例子,示例代码为传统的Objective-C语言,需要的朋友可以参考下2016-03-03
最新评论