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

前端之家收集整理的这篇文章主要介绍了横向旋转为纵向时的字体大小怪癖 – 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.f2er.com/css/214182.html

猜你在找的CSS相关文章