Studiolynch.com.响应和流体布局.在iphone 5 Safari EXCEPT中完美运行,因为从横向模式旋转到纵向模式会使字体尺寸小于应有的尺寸.但是,如果您最初在纵向模式下加载页面,它可以完美地工作 – 也就是说,直到您旋转到横向然后再回到纵向.最容易看到“info”和“hello”页面上发生这种情况.
这是我正在使用的媒体查询:
@media only screen和(最小设备宽度:320px)和(最大设备宽度:480px)和(方向:肖像)
html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }
Credits