針對Android和iPhone的文本縮放比例不同

Question

在Android和iPhone上，font-size的縮放比例是否存在任何已知問題？

我在HTML選擇器上設置了107％字體大小的網站。然後我在它下面有一個media query，它爲小於500px的屏幕設置字體大小爲150％。

如果我刪除媒體查詢並查看Iphone和Android上的頁面，則107％大小的文本在兩個設備上的大小看起來相當。

如果我重新添加媒體查詢，文本將在兩臺設備上按預期變大。但是，在iPhone上，它變得更大，以至於它比android上出現的差不多大50％到100％。它完全打破布局！這發生在佈局中的所有文本元素上。

這是移動設備的一個已知問題還是我有某種複合單位問題發生？

Answer 1

那麼，它是縱向還是橫向模式，還是隻在風景模式？ 因爲在橫向上，默認瀏覽器行爲會使字體變大。也許有人在肖像模式和其他景觀？

查看有關此位置> Preserve HTML font-size when iPhone orientation changes from portrait to landscape

如果這是你的問題，解決的辦法是像>

html { 
    -webkit-text-size-adjust: 100%; 
}