在移动设备上禁用缩放

Question

我正在按照本指南禁用移动设备的缩放。

正如许多其他人所建议的那样，该指南建议使用：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->

我已经尝试过这个和视口的几种变体，但我无法让它工作。此外，在查看我遵循的指南中的示例时，我意识到它也不起作用。

关于为什么这不起作用的任何想法以及有关如何使其工作的任何建议将不胜感激！

Answer 1

您的代码没问题，问题是 iOS 特有的。引用自这里关于 stackoverflow 的另一个问题：

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