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