CSS中的em是指一個相對于父元素字體大小的單位。
具體來說,當應用于字體大小時,em的值等于父元素字體大小的倍數,如下所示:
p { font-size: 16px; } span { font-size: 2em; /* 等于32px */ }
這里,span元素的字體大小是父元素p元素字體大小的2倍,即32px。
em的優點在于其相對單位的特性。如果在網站中使用em作為字體單位,當用戶調整瀏覽器的字體大小時,整個頁面的元素將按比例縮放。這就比使用絕對單位像px,pt等更具有靈活性。
注意,當使用em作為單位時,它所繼承字體大小的父元素可能會隨著上層元素的變更而發生變化。因此,在設計時需要考慮到這一點。此外,在使用em時,應首先考慮父元素的字體大小,從而使得相同的em值在不同的元素中具有更加一致的表現效果。