CSS中元素高寬通常使用像素（px）單位進行定義，但隨著移動設備的普及以及不同設備屏幕的不同分辨率，像素單位并不總是最佳選擇。這時候，我們可以考慮使用rem單位。

rem就是root em的縮寫，即根元素字號的倍數。在HTML文檔中，根元素通常指的是html元素。默認情況下，html元素的字號大小為16px。

/* 定義1rem等于10px */
html {
font-size: 62.5%; /* 16 * 0.625 = 10 */
}
/* 使用rem定義元素寬高 */
.box {
width: 6rem; /* 6 * 10px = 60px */
height: 3rem; /* 3 * 10px = 30px */
}

在上面的代碼中，我們先定義html元素字號大小為10px，即1rem等于10px。然后，定義一個類名為box的元素，寬度為6rem，高度為3rem。由于1rem等于10px，因此這個元素的寬度為60px，高度為30px。

使用rem單位的好處在于，當我們需要調整根元素字號大小時，所有元素的尺寸會按比例進行縮放。如果我們將html元素的字號大小改為18px，那么之前定義的寬度為6rem的元素寬度將會自動變為90px。

/* 調整html元素字號大小為18px */
html {
font-size: 112.5%; /* 16 * 1.125 = 18 */
}

總之，使用rem單位可以使我們更加方便地控制元素尺寸，并在移動設備上獲得更好的響應性。在實際開發中，我們可以根據具體需求選擇最合適的單位。