对于寻找iOS 10解决方案的人来说，在iOS 10的Safari中，user-scaleable=no是禁用的。原因是苹果正试图通过允许人们放大网页来提高可访问性。

来自发行说明:

为了提高Safari网站的可访问性，用户现在可以 中设置了user-scalable=no时，也可以缩放 视窗。

所以据我所知，我们运气不好。

有时候内容标签中的其他指令会打乱苹果关于如何布局页面的最佳猜测/启发式，你只需要禁用缩放。

<meta name="viewport" content="user-scalable=no" />

这个应该可以在iphone上运行。

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

编辑:在ios10之后可能无法工作，请参阅下面基于触摸动作的解决方案。

您的代码将属性双引号显示为花哨的双引号。如果花哨的引号出现在您的实际源代码中，我猜这就是问题所在。

这对我来说在iOS 4.2的Mobile Safari上是有效的。

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

对于iphone safari到iOS 10“viewport”不是一个解决方案，我不喜欢这种方式，但我已经使用了这个javascript代码，它帮助了我

 document.addEventListener('touchmove', function(event) {
    event = event.originalEvent || event;
    if(event.scale > 1) {
      event.preventDefault();
    }
  }, false);

实际上苹果在最新的iOS版本中禁用了user-scalable=no。 我尝试了一下，这种方法是可行的:

body {
  touch-action: pan-x pan-y;
}