当视口设置为user-scalable = no时，iOS /移动safari仍会缩放？检查辅助功能设置！

Question

这个特定的移动Safari（似乎不可能但没有记录）的问题让我今天长时间停留，当我想出来时，我正准备在这里发布一个关于它的问题。

问题：当我设置<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>时，我的iPad网络应用程序仍允许手动缩放（在浏览器中捏）。 - 但只能在我的iPad上，而不是在我的iPhone上。

此外，我会在纵向模式之间旋转设备以检查特定的方向模式CSS代码，这会产生奇怪的结果：

• 从横向旋转到肖像没有任何问题，所有尺寸和位置都有意义。
• 之后，从Portrait旋转回Landscape和..视口保持与Portrait模式一样宽，即。它被缩放（缩放）。我不得不手动缩小以返回完整的图片/视口。这应该是不可能的。

Answer 1

然后我找到了很棒的iPad CSS Layout with Landscape/Portrait Modes演示版。它看起来很有希望，但给了我同样的问题。然而，在第二台iPad上进行测试时，它的工作非常完美：没有任何缩放问题。所以，我们认为它与我的特定iPad有关。

然后它让我感到震惊：几周前我摆弄了辅助功能设置。像在OSX中那样放大整个界面（ctrl + scroll）等。也许这在某种程度上与Mobile Safari相关联？事实证明它是。

今天我学会了：当辅助功能＆gt;打开缩放，这会取代元视口设置。

亲自尝试一下吗？你会在这里找到它：Settings > General > Accessibility > Zoom

Answer 2

作为有视力问题的人，我非常依赖能够缩放移动网站。现在随着iOS 5的更新，无法让iOS忽略用户可扩展设置，我突然发现我不能再使用我经常使用的一半网站，因为我无法缩放它们。

因此，我代表有视力问题的人请求您不要使用视口元标记来限制人们缩放网站的能力！

Answer 3

对您来说只是一点点更新：Apple已经fixed了。从iOS 5 beta 1开始，缩放辅助功能设置将不再导致viewport元标记被忽略。

Answer 4

注意：使用逗号作为分隔符，而不是分号。干净的方式是逗号作为分隔符。请参阅文档页面http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html，它们也使用逗号。如果您使用分号，至少Chrome会在控制台中显示错误。我知道，这不会影响iPad或Safari，但如果你能干净，为什么不呢？ ：）