橫向旋轉為縱向時的字體大小怪癖 - 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 */
}

積分