移动端的兼容问题

Question

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

document.addEventListener('touchstart',function(ev){
   event.preventDefault();
})

Answer 1

这是我设置的 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" />

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

Answer 2

回答已经删除，错误答案

Answer 3

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

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