移动端的兼容问题

在ios10下meta里设置的阻止缩放没有效果,看网上的解决办法是阻止默认事件
但这带来的一个问题了,所有点击事件默认都成无效的了,还要在每个点击事件
里加一个ev.stopPropagation(),有没有好的解决办法呢?

document.addEventListener('touchstart',function(ev){
   event.preventDefault();
})
阅读 2.9k
3 个回答

这是我设置的 meta 没有你说的问题.

   <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />

具体含义参看 苹果开发文档

回答已经删除,错误答案

IOS10 下 user-scalable=no 无效。可通过 javascript 来阻止手动缩放。

网上很多可用答案,我就不搬运了。搜索一下。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进