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

Question

我已经用谷歌搜索了这个，但无法弄清楚。感谢您的帮助!!

Studiolynch.com。响应式和流畅的布局。在 iphone 5 Safari 中完美运行，除了从横向模式旋转到纵向模式会使字体大小小于应有的事实。但是，如果您最初以纵向模式加载页面，它会完美运行 - 也就是说，直到您旋转到横向然后再回到纵向。在“信息”和“你好”页面上最容易看到这种情况。

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

@media only screen和(最小设备宽度:320px)和(最大设备宽度:480px)和(方向:纵向)

Answer 1

好吧，既然有帮助，这将阻止 Safari 在旋转时自动调整字体大小:

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

Credits