15

这个特定的 Mobile 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 代码，这会产生奇怪的结果：

  • 从横向旋转到纵向没有问题，所有东西的大小和位置都很合理。
  • 之后，从纵向旋转回横向并且..视口保持与纵向模式一样宽，即。它被放大（缩放）。我必须手动缩小才能回到完整的图片/视口。这应该是不可能的。
4

4 回答 4

14

然后我发现了很棒的iPad CSS Layout with Landscape/Portrait Modes demo。它看起来很有希望，但给了我同样的问题。然而，在第二台 iPad 上进行测试时，它运行良好：没有任何缩放问题。所以，我们认为这与我的特定 iPad 有关。

然后让我印象深刻：几周前，我摆弄了可访问性设置。像在 OSX（ctrl+scroll）等中一样放大整个界面。也许这以某种方式与 Mobile Safari 相关联？好吧，事实证明确实如此。

今天我了解到：当 Accessibility > Zoom 打开时，这会否决元视口设置。

自己试试这个？你会在这里找到它：Settings > General > Accessibility > Zoom

于 2011-05-09T04:56:56.297 回答
8

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

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

于 2011-10-14T11:22:32.780 回答
4

为您提供一点更新：Apple 已修复此问题。从 iOS 5 beta 1 开始，缩放辅助功能设置将不再导致viewport元标记被忽略。

于 2011-08-22T10:18:56.957 回答
0

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

于 2012-10-15T18:56:02.797 回答