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

Question

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

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

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

@media only screen和(min-device-width:320px)和(max-device-width:480px)和(orientation:portrait)

Answer 1

好吧,因为它有帮助,这将阻止Safari自动调整旋转字体大小:

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

积分