隨著移動設備的普及和網站日益注重響應式設計，越來越多的開發者開始在手機端開發網站。在手機端開發中，CSS 單位的選擇就顯得尤為重要。下面介紹一些常用的 CSS 單位。

/* rem 單位 */
html {
font-size: 16px;
}
@media screen and (max-width: 640px) {
html {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
html {
font-size: 12px;
}
}

rem（root em）是相對于根元素的字體大小而言的。通常將根元素字體大小設為 16px，這樣 1rem 就相當于 16px。在開發手機端網站時，可使用動態調整根字體大小的方法，實現響應式布局。

/* vw/vh 單位 */
.box {
width: 50vw;
height: 50vh;
}

vw（viewport width）和 vh（viewport height）是相對于視口（即瀏覽器窗口）的寬度和高度而言的，1vw 等于視口寬度的 1%，1vh 等于視口高度的 1%。可用來實現視口相關的布局效果，如等比例縮放圖片。

/* px 單位 */
.box {
width: 100px;
height: 100px;
}

px（pixel）是固定長度單位，無法實現響應式布局效果。但在某些情況下，需要精確地控制元素的大小或位置時，可選用 px 單位。