当视口设置为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代码,这会产生奇怪的结果:

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

Answer 1

然后我找到了具有横向/纵向模式演示的伟大的iPad CSS布局.它看起来很有希望,但给了我同样的问题.然而,在第二台iPad上进行测试时,它的工作非常完美:没有任何缩放问题.所以,我们认为它与我的特定iPad有关.

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

今天我了解到:当启用"辅助功能">"缩放"时,这会取消元视口设置.

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

Answer 2

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

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