横向旋转为纵向时的字体大小怪癖 - CSS媒体查询 - iPhone5 Safari

Question

我已经用Google搜索了这个并且无法解决这个问题。谢谢你的帮助!!

Studiolynch.com。响应和流体布局。在iphone 5 Safari EXCEPT中完美运行，因为从横向模式旋转到纵向模式会使字体尺寸小于应有的尺寸。但是，如果您最初在纵向模式下加载页面，它可以完美地工作 - 也就是说，直到您旋转到横向然后再回到纵向。最容易看到“info”和“hello”页面上发生这种情况。

这是我正在使用的媒体查询：

@media only screen 和（最小设备宽度：320px） 和（最大设备宽度：480px） 和（方向：肖像）

Answer 1

好了，因为它有帮助，这会阻止Safari在轮换时自动调整字体大小：

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

Credits