iPhone Safari CSS旋转错误

我有一个小手机应用程序，它在iPhone/mobile Safari上运行得很奇怪。当页面的方向是垂直的时，页面呈现效果非常好。当我水平旋转手机时，页面上的一些但不是所有元素都能正确调整大小。一些标题元素将保持几乎相同的大小，可能会增加10%，其他元素的大小将增加一倍

---

有人碰到过这个吗？我的第一个想法是css可以混合使用基于ems和px的大小，但找到每个大小元素并将其转换为em并没有改变任何事情。

您是否尝试过包含视口元标记，例如：

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

---

否则，您可以尝试创建特定于方向的CSS样式表，并在方向更改事件触发时使用javascript替换它们，但我更喜欢上面的元标记方法。

这是因为iPhone和iPod Touch上的Mobile Safari可以自动调整字体大小

您可以使用以下css规则禁用它

html{-webkit文本大小调整：无}

---

更多信息来自

我确实有一个视口元标记。这是一个非常奇怪的错误，我从来没有真正找到解决方案（这是实习的一部分，我得到了一份工作，所以我不再参与这个项目）。哇，也遇到了同样的问题。将比例值添加到元标记，并在刷新时将其修复。（之前我只让用户可伸缩。）但很奇怪。