IOS禁止页面缩放的实现
来源:爱站网时间:2020-09-03编辑:网友分享
在实际的开发中,禁止页面的缩放变得尤为重要,而在操作过程中,可能会遇到多种多样的问题,别着急,下面就让爱站技术频道小编为大家带来IOS禁止页面缩放的实现,希望能帮到大家。
在实际的开发中,禁止页面的缩放变得尤为重要,而在操作过程中,可能会遇到多种多样的问题,别着急,下面就让爱站技术频道小编为大家带来IOS禁止页面缩放的实现,希望能帮到大家。
IOS 禁止缩放页面的实现方法
在ios10前我们能通过设置meta来禁止用户缩放页面:
在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
以上就是爱站技术频道小编为大家介绍的IOS禁止页面缩放的实现,对于技术的学习,我们应该选对操作方法,这样才能把项目有效地进行下去。
上一篇:IOS长蓝色按钮的实现代码
下一篇:iOS将地址解析成经纬度的方法