CSS中的em是一種相對于父元素的長度單位。這意味著一個元素的em值實際上是相對于它的父元素的字體大小的倍數。

舉個例子，如果一個段落的字體大小是16px，而它的父元素的字體大小為20px，那么這個段落中的em單位將是0.8（16/20）。如果再在這個段落中應用一個em值為1.5的字體大小，那么它的實際大小就是20px * 1.5 = 30px（父元素字體大小 * 1.5），而不是24px（16px * 1.5）。

p {
font-size: 16px;
}
.container {
font-size: 20px;
}

在上述代碼中，我們在p元素中設置了字體大小為16px，而在其父元素.container中設置了字體大小為20px。如果我們在p元素中設置font-size: 1em;，它將與16px相等，但如果我們在.container元素中設置font-size: 1em;，它將與20px相等。

總的來說，em單位在響應式設計中非常有用，因為它可以幫助元素相對于父元素自適應大小。它也很容易使用，因為你只需要知道父元素的字體大小和你想要元素的字體大小與父元素字體大小的比例即可。