Mozilla：em值的錯誤解釋

我正在適應性網站上工作，並且已經完成了em值的所有工作。儘管如此，Chrome和Mozilla在解釋時卻有所不同。網站是dev.morodeer.ru/stroymoidom，問題是與圖標的金屬欄。在約670px的寬度上，Chrome中的所有內容都很棒，但Mozilla會削減右邊緣（因爲居中包裝的寬度設置爲90％）。而且，在瀏覽器寬度相同的情況下，Mozilla中的金屬條更小，這讓我想到Mozilla計算的字體較小。Mozilla：em值的錯誤解釋

謝謝您的迴應。

來源

2012-07-17 ProdoElmit

顯示css部分 – SRN 2012-07-17 00:10:40

em單元屬於像「支票在郵件中」的騙局。 – 2012-07-17 00:48:23

在Firefox中的670像素寬的瀏覽器窗口中，頁面http://dev.morodeer.ru/stroymoidom沒有可見的導航欄，即帶有id =「buttons_under_logo」的元素根本不會出現。所以在整體設計上存在一個問題，可能與使用的單位沒有多大關係。 – 2012-07-17 05:04:12

em和ex單位取決於字體，對於文檔中的每個元素可能不同。 w3.org

也許你使用默認字體和Firefox使用一個不同的例如：

轉引自鉻呢？

我建議你使用px或％值而不是em作爲塊佈局大小值。

使用EM爲字體大小，瀏覽器的1EM =字體大小，2em的= 2 *瀏覽器的字體大小，0.5 EM =瀏覽器的0.5 *字體大小..等等）

如果你已經知道這個部分：是的，firefox和chrome可以有不同的字體大小，而em可能會以不同的方式影響字體大小。

來源

2012-07-17 00:42:09 r3bel

Mozilla：em值的錯誤解釋

回答

相關問題