在CSS中，有很多不同的單位可以用來定義元素的大小和位置。其中，em是一個非常實用的單位，特別適合在響應式設計中使用，因為它可以根據父元素的大小調整自身大小。以下是關于em單位的一些推薦：

p {
font-size: 1em;
line-height: 1.5em;
}

1. 使用em單位設定字體大小。

em單位可以根據父元素的大小來調整字體的大小，這意味著即使在不同的屏幕分辨率下，字體大小也能保持比例。在上面的示例代碼中，我們使用了1em單位來設置段落的字體大小。如果該段落的父元素的字體大小為16px，則該段落的字體大小為16px。如果父元素的字體大小為20px，則該段落的字體大小為20px。

div {
width: 20em;
height: 10em;
}

2. 使用em單位設定元素的寬度和高度。

與字體大小類似，em單位也可以用于設定元素的寬度和高度。例如，在上面的代碼中，我們使用20em和10em單位來設置div元素的寬度和高度。這意味著，如果該div元素的父元素的寬度為100px，則div元素的寬度為400px（因為20em等于20乘以父元素字體的大小，這里我們假設父元素字體大小為20px）。同樣，如果父元素的寬度為200px，則div元素的寬度為800px。

h1 {
font-size: 2.5em;
}

3. 使用em單位使標題大小保持一致。

如果您的網站有多個標題，則最好使用相同的em單位來設置它們的大小。例如，在上面的示例中，我們使用了2.5em的單位來設置h1標簽的字體大小。這使得我們可以使用較小的字體大小來設置其他標題，例如h2使用1.5em和h3使用1em。

總之，em單位是一種非常實用的單位，它可以幫助我們輕松地管理元素大小，并保持響應式設計。希望這篇文章對您有所幫助。