CSS是網頁設計與開發中的基礎技能之一，可以有效地為網頁提供美觀的視覺效果。而在CSS中，用于設置元素尺寸的單位有很多種，其中最常用的單位是像素(px)。然而，隨著設備的種類和尺寸多樣化，使用固定像素單位會出現很多問題，比如會導致元素在不同設備上顯示不一致。

.box {
width: 300px;
height: 200px;
font-size: 16px;
}

為了解決這個問題，CSS引入了相對單位，其中比較常用的有em和rem。其中，em單位是相對于父元素的字體大小進行計算的，因此不同父元素設置的字體大小會影響到em單位的值。而rem單位則是相對于根元素(即html元素)的字體大小進行計算的，并不會受到父元素字體大小的影響，因此更為穩定。

/* 
rem單位使用方法
假設根元素設置字體大小為16px 
*/
.box {
width: 18.75rem;  /* 300/16 */
height: 12.5rem;  /* 200/16 */
font-size: 1rem;  /* 16/16 */
}

雖然rem單位在尺寸計算上更為穩定，但使用rem單位設置元素的尺寸和字體大小時計算量較大，改變根元素字體大小也會影響所有使用rem單位的元素大小，因此不可能完全取代像素單位。因此，在實踐中，可以根據實際情況靈活使用不同的單位來達到最佳的視覺效果。