IOS 禁止缩放页面的实现方法

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  # 禁止缩放页面  # IOS10  # 缩放页面的方法  # iOS实现手机获取验证码倒计时效果  # iOS粒子路径移动效果 iOS实现QQ拖动效果  # iOS模仿微信长按识别二维码的多种方式  # iOS如何实现强制转屏、强制横屏和强制竖屏的实例代码  # iOS 实现类似QQ分组样式的两种方式  # iOS之Cocoapods安装教程(全面解析)  # iOS tableView实现单选和多选的实例代码  # 如有  # 希望能  # 谢谢大家  # 解决方法  # 为了提高  # 口中  # 辅助功能  # maximum  # initial  # scale  # user  # viewport  # gt  # span  # scalable  # device  # meta  # pre  # strong 

相关文章： 一键网站制作软件,义乌购一件代发流程？  香港服务器租用费用高吗？如何避免常见误区？  建站之星展会模版如何一键下载生成？  如何解决ASP生成WAP建站中文乱码问题？  如何注册花生壳免费域名并搭建个人网站？  如何自定义建站之星网站的导航菜单样式？  建站之星logo尺寸如何设置最合适？  定制建站价位费用解析与套餐推荐全攻略  非常酷的网站设计制作软件,酷培ai教育官方网站？  安云自助建站系统如何快速提升SEO排名？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站之星代理如何优化在线客服效率？  广州营销型建站服务商推荐：技术优势与SEO优化解析  如何选择CMS系统实现快速建站与SEO优化？  如何快速搭建FTP站点实现文件共享？  宝塔建站后网页无法访问如何解决？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  ,交易猫的商品怎么发布到网站上去？  如何快速建站并高效导出源代码？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  如何在橙子建站上传落地页？操作指南详解  高防服务器：AI智能防御DDoS攻击与数据安全保障  家具网站制作软件,家具厂怎么跑业务？  C++如何使用std::optional？（处理可选值）  安徽网站建设与外贸建站服务专业定制方案  建站之家VIP精选网站模板与SEO优化教程整合指南  西安大型网站制作公司,西安招聘网站最好的是哪个？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  如何快速搭建高效WAP手机网站？  电商平台网站制作流程,电商网站如何制作？  宝塔Windows建站如何避免显示默认IIS页面？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站上传速度慢？如何优化加速网站加载效率？  建站VPS选购需注意哪些关键参数？  股票网站制作软件,网上股票怎么开户？  如何在IIS7中新建站点？详细步骤解析  网站企业制作流程,用什么语言做企业网站比较好？  如何配置IIS站点权限与局域网访问？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  如何批量查询域名的建站时间记录？  如何选择高效响应式自助建站源码系统？  如何通过商城自助建站源码实现零基础高效建站？  行程制作网站有哪些,第三方机票电子行程单怎么开？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  建站之星安装后如何配置SEO及设计样式？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何通过二级域名建站提升品牌影响力？