在 CSS 中，em是一個非常重要的單位，它具有相對長度的特征。然而，em的含義可能不是那么容易理解。

實際上，em的值取決于他們的祖先元素。如果你設置一個元素的字體大小為 16 像素，那么它的子元素如果使用了em作為單位，那么他們的值就是基于這個 16 像素來計算的。

舉個例子，如果你有一個元素：

<p>這是一個測試元素</p>

你想讓這個元素的字體大小為 16 像素，那么你可以這樣設置：

p {
font-size: 16px;
}

然后，如果你想讓這個元素的子元素 (比如一個鏈接) 的大小為 1.2 倍的父元素的字體大小，你可以這樣設置：

p a {
font-size: 1.2em;
}

在這個例子中，1.2em意味著這個鏈接的字體大小是基于父元素 (p) 確定的，因為em單位是相對父元素字體大小的。

因此，如果父元素的字體大小為 16px，那么鏈接元素的大小就是 19.2 像素（ 16 x 1.2）。如果你改變了父元素的字體大小為 20像素，那么鏈接元素的大小也會相應的改變。這是em單位非常有用的一點。

總的來說，em單位是非常便于響應式設計的實現的。通過使用相對長度單位，可以使得我們的設計更加靈活、適應性更強。