旋转 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 添加到您的视口元标记（这不会禁用缩放到用户的可能性）。