在CSS樣式表中設置元素尺寸時，通常需要選擇合適的單位來實現預期效果。這里選擇合適的單位是很重要的，因為它們會影響網頁的外觀和性能。常見的單位包括像素（px）、百分比（%）、em（em）和rem（rem）。其中，px和em是最常見的單位，這篇文章將重點討論它們之間的區別，以明確何時使用em以及何時使用px。

/* px */
.box {
width: 200px;
height: 100px;
font-size: 16px;
}
/* em */
.box {
width: 20em;
height: 10em;
font-size: 1em;
}

px是一個絕對單位，它指定為具體的像素值。在屏幕上，每個像素點對應一個發光二極管（LED）或液晶屏幕的單個發光點。因此，一個元素的大小以像素為單位指定的像素值在不同的顯示設備和顯示設置下是一致的。

相比之下，em是一個相對單位。它的大小基于其所在容器的字體大小。因此，如果需要在某個容器中嵌套另一個容器，可以使用em來確保其大小隨著容器字體大小的變化而變化。但是，當在文本編輯器中編寫代碼時時，通常需要設置HTML文檔的基本字體大小，并且在運行時代碼處理中，em值將會轉換為相應的像素值。這在某些情況下會導致不可預測的結果。

總之，px和em是在CSS設置元素大小時最常見的單位。如果需要確切的，不隨字體大小變化的尺寸，px是一個很好的選擇。如果需要響應式設計、可縮放的、相對于繼承字體大小的尺寸，則應選擇em。在實踐中，通常將em和px組合使用，并在優秀的網頁設計和性能方案中找到正確的平衡。