iOS /移动Safari浏览器仍然放大,而视口设置为用户可伸缩=否? 检查辅助function设置!

这个特定的移动Safari浏览器(看似不可能,但没有logging)的问题使我今天很长一段时间不知所措,当我想出来的时候,我正要在这里发表一个关于它的问题。

问题:虽然我设置了<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>我的iPad的networking应用程序仍然允许手动缩放(捏在浏览器中)。 – 但只在我的iPad上,而不在我的iPhone上。

此外,我会旋转设备之间的肖像风景模式,以检查具体的方向模式CSS代码,这给了奇怪的结果:

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

然后,我发现伟大的iPad CSS布局与风景/肖像模式演示。 它看起来很有希望,但给了我相同的问题。 然而,当在第二台iPad上进行testing时,它完美无缺:没有任何缩放问题。 所以,我们认为它必须与我的具体iPad。

然后它让我感到震惊:几周前,我用无障碍设置摆弄。 放大整个界面就像你可以在OSX(按Ctrl +滚动)等。可能这是以某种方式链接到移动Safari? 那么,事实certificate是这样的。

今天,我学到了: 当“辅助function”>“缩放”打开时,这将忽略元视口设置。

亲自尝试一下? 您可以在这里find它: Settings > General > Accessibility > Zoom

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

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

只是一点点更新给你:这已被苹果修复 。 从iOS 5 beta 1开始,缩放可访问性设置将不再导致viewport元标记被忽略。

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