nexus 7上較大的字體大小（如果我在桌面上縮小/放大，效果相同）

Question

我無法解決此問題。如果我在桌面或iPhone/iPad上訪問我的頁面，它工作得很好，但使用Nexus 7時，由於某種原因字體大小增加（我認爲認爲多數民衆贊成在這個問題）導致菜單項太大，爲此給他們一個新的行。

這是它的外觀縮小時或在Nexus 7（標題，導航和頁腳-NAV）

你得到同樣的效果，如果我縮小或上桌面，所以你可以在這裏測試：solitude-online.com

Answer 1

你正在使用你的字體大小的em單位。這是做到這一點的最佳方式，但em單位基於默認字體大小。在不同的平臺和操作系統上，默認字體大小不同。您可以通過聲明默認字體大小來解決此問題，如下所示：

html { 
font-size: 10px; 
} 
body { 
font-size: 16px; /* Fall-back */ 
font-size: 1.6rem; 
}