html - 旋转 iPhone 5 时网页缩放

Question

这只会发生在 iPhone 5 上，不会发生在 iPhone 6 上。

重现步骤:

1. 打开http://beta.jigsaw.com纵向模式。
2. 从顶部菜单中选择“历史记录”。
3. 将手机旋转到横向模式。

此时，手机已不在历史记录部分，界面实际上被放大了一点。有没有办法在不诉诸...的情况下防止这种情况发生？

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

Answer 1

尝试将此 css 属性添加到您的正文中:

-webkit-text-size-adjust: 100%;

您还应该将 width=device-width 添加到您的视口(viewport)元标记中(这不会禁用向用户缩放的可能性)。