我有一个小巧的手机应用程序在iPhone / Mobile Safari上表现得很奇怪。当页面方向垂直时，页面呈现并且效果很好。当我水平旋转手机时，一些，但并非页面上的所有元素都正确调整大小。一些标题元素将保持几乎相同的大小，可能增加10％，其他标题元素将增加一倍。
有没有人碰到这个？我的第一个想法是，css可能有基于ems和px的混合大小，但找到每个大小的元素并将它们转换为em并没有改变它。
答案 0 :(得分：11)
这是因为iPhone和iPhone上的Mobile Safari iPod Touch可自动调整字体大小。
您可以使用以下css规则
禁用它 html {-webkit-text-size-adjust:none}
来自Safari Reference Library的更多信息
答案 1 :(得分：7)
您是否尝试过包含视口元标记，例如：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
否则，您可以尝试创建特定方向的CSS样式表，并在方向更改事件触发时将其与wavascript交换出来，但我更喜欢上面的元标记方法。