如何計算em？

我注意到你可以使用1em，它會在不同的網站上看起來不同。如何計算em？

什麼是em的比例？

2011-07-31 Hailwood

1em的是等於當前字體大小。 2em表示目前字體的大小爲的2倍。例如，如果元素以12 點的字體顯示，那麼'2em'是24點。的「時間」是在CSS一個非常有用的單元中，由於它能自動適應該閱讀器使用

的EM是相對於它被上定義的當前元件的字體。如果您使用相對大小（如0.9em），它們會相乘，並可能導致意外的尺寸。

現在，字體的默認大小是而不是瀏覽器之間的標準。當將字體設置爲特定的像素單位時，IE（至少較老的IE）存在問題。 A good overview for font sizing can be found on A List Apart。

2011-07-31 05:40:05 OverZealous

如果你想使用相對大小，但更一致，請嘗試使用'rem'相反，它指的是默認字體大小的'html'元素： https://www.sitepoint.com/understanding-and-using-rem-units-in-css/ – Avishai

em被定義爲當前字體和大小中大寫字母「M」的高度。

2011-07-31 05:41:42 a3nm

- ，鏈接似乎是脫機的 - 這就是爲什麼鏈接文章的本質應該包含在答案本身。 –

@AndreasNiedermair：謝謝你指出這一點！我用存檔副本取代了它。請注意，我的回答已經包含了提問者相對於原始問題的鏈接文章的本質。 – a3nm

根據W3C的EM：

「等於在其上所使用的元件的‘字體尺寸’屬性的計算值的例外是當「時間'出現在'font-size'屬性本身的值中，在這種情況下，它指的是父元素的字體大小。「

換句話說，ems沒有絕對大小。他們根據他們的位置來確定他們的規模。對於大多數Web設計人員來說，這意味着他們在Web瀏覽器中，所以1em高的字體與該瀏覽器的默認字體大小完全相同。

對於大多數瀏覽器，默認值 1EM = 16px的

2011-07-31 05:42:22 Jeremy

回答