CSS中有很多種單位，其中比較常用的有px、em、rem、vh等等。其中，vh和rem都是相對(duì)單位，與父元素和根元素有關(guān)。

vh指視口高度，也就是瀏覽器窗口的高度。比如說(shuō)，1vh等于視口高度的1%。vh通常用于設(shè)置高度，比如設(shè)置一個(gè)元素的高度為視口的一半：

height: 50vh;

rem指根元素的字體大小，也就是html元素的字體大小。比如說(shuō)，1rem等于根元素字體大小的1倍。rem通常用于設(shè)置字體大小和距離等，比如設(shè)置一個(gè)元素的左邊距為根元素字體大小的2倍：

margin-left: 2rem;

使用vh和rem單位的好處在于可以根據(jù)屏幕尺寸動(dòng)態(tài)地調(diào)整元素的大小和位置，使得頁(yè)面適應(yīng)不同的設(shè)備和屏幕。

然而，需要注意的是，vh和rem單位并不是所有瀏覽器都支持，比如有些老版本的瀏覽器可能不支持vh單位。所以，在使用vh和rem單位時(shí)，需要測(cè)試在不同的瀏覽器和設(shè)備上是否能正常顯示。如果需要兼容性更好的解決方案，可以考慮使用其他單位，比如px和em。