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将地址解析成经纬度的方法

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载