ios5 - 从纵向切换到横向时，iPhone 和 iPad 上的页面放大

Question

当我将 iPad 的方向从纵向模式更改为横向模式时，我的页面看起来被放大了。

目前我在我的网站中使用这个元标记 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0;"> 这允许我在 iPad 和 iPhone 上缩放我的网站，但在方向上存在缩放问题。

所以我尝试使用下面提到的元标记，在这里我没有遇到方向问题，但无法缩放我的网站。

<meta name="viewport" content="width=device-width, user-scalable=1.0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0;">

我尝试了链接中提到的所有东西。没有什么对我有用。

Answer 1

这是一个移动 Safari 错误。这是一个广为人知的问题，并已在 iOS 6 中得到纠正。使用您以前的元标记，您现在应该很好了。

http://filamentgroup.com/examples/iosScaleBug/

另外，我强烈建议不要使用maximum-scale=1.0，特别是对于平板电脑。这不利于可访问性，而且坦率地说，这是一个令人讨厌的功能。