如何禁用缩放移动响应？

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

<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不工作的罚款。 我在哪里犯了一个错误？

Answer 1

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

你可以在这里find更多

Answer 2

我终于想出了如何防止它在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" > 。