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

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

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

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

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

解决方法

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

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

Credits

原文地址：https://www.jb51.cc/css/214182.html