如何禁用缩放移动响应?

我已经编写了禁止放大或缩小的代码:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="HandheldFriendly" content="true" /> 

它在所有的手机,除了最近的iPhone手机(如:iPhone 6,iPhone 7),这个function不工作的罚款。 我在哪里犯了一个错误?

你的代码没有问题,只是IOS 10不支持它

你可以在这里find更多

我终于想出了如何防止它在ios 10上。
首先,我发现一篇文章说,自从ios 10以来,使用viewport meta有点儿被safari忽略了; 这是链接 。

那么,这是我find解决scheme:

 $(this).on('touchmove', function (event) { if (event.originalEvent.scale !== 1) { event.preventDefault(); event.stopPropagation(); } }); 

笔记:

  • event.preventDefault(); 应该自己工作,而不使用event.stopPropagation(); 。 我添加了它只是为了确保其他元素不会掐。
  • 我在ipad和iphone上testing过,效果很好。
  • 对于其他设备,我还使用了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >