CSS 中的 1em 是一種相對長度單位，它是指當前元素的字體大小。換句話說，1em 等于當前元素的字體大小。例如，如果一個元素的字體大小為 16px，則 1em 等于 16px。

使用 em 單位可以使網頁的布局更具有彈性，因為它隨著字體大小而變化。這在創(chuàng)建響應式設計時非常有用。例如，如果您想要一個標題在屏幕尺寸較小的設備上縮小到一定大小，則可以使用 em 單位。

em 單位也可以用于設置元素的其他屬性，例如寬度、高度和邊距。在這種情況下，1em 等于元素的字體大小。

/* 設置元素的寬度為字體大小的 2 倍 */
div {
width: 2em;
font-size: 16px;
}
/* 設置元素的邊距為字體大小的 0.5 倍 */
p {
padding: 0.5em;
font-size: 18px;
}
/* 設置元素的高度為字體大小的 3 倍 */
img {
height: 3em;
font-size: 14px;
}

需要注意的是，em 單位的大小是相對于當前元素的字體大小。因此，在使用 em 單位時，要特別注意元素的嵌套關系。如果子元素的字體大小與父元素不同，則 em 單位的大小也會發(fā)生變化。