在 CSS 中，比 1px 更小的像素單位有以下幾種：
subpixels（亞像素）說明：
亞像素是屏幕上像素的組成部分。通常，一個(gè)像素由紅、綠、藍(lán)三個(gè)子像素組成。通過對這些子像素的單獨(dú)控制，可以實(shí)現(xiàn)比單個(gè)像素更精細(xì)的顯示效果。
應(yīng)用場景：在一些需要高精度圖形渲染的場景中，如字體渲染、高清圖像顯示等，亞像素級的操作可以提高圖像的清晰度和細(xì)節(jié)表現(xiàn)。例如，在渲染高分辨率的文字時(shí)，通過調(diào)整亞像素的亮度和顏色，可以使文字邊緣更加平滑，減少鋸齒現(xiàn)象，提高可讀性。
百分比（%）說明：
百分比單位是相對于父元素或其他參考元素的尺寸來計(jì)算的。它可以表示一個(gè)元素的尺寸、位置或其他屬性相對于參考元素的比例關(guān)系，其值可以是小于 1% 的小數(shù)，從而實(shí)現(xiàn)比 1px 更精細(xì)的控制。
應(yīng)用場景：在響應(yīng)式設(shè)計(jì)中，經(jīng)常使用百分比來設(shè)置元素的寬度、高度、邊距、內(nèi)邊距等屬性，使頁面能夠根據(jù)不同的屏幕尺寸和設(shè)備類型自適應(yīng)調(diào)整布局。例如，一個(gè)元素的寬度設(shè)置為 50%，表示它將占據(jù)父元素寬度的一半。如果父元素的寬度發(fā)生變化，該元素的寬度也會(huì)相應(yīng)地按比例調(diào)整。
em 和 rem說明：
這兩個(gè)單位都是相對長度單位。em是相對于當(dāng)前元素的字體大小來計(jì)算的，1em等于當(dāng)前元素的字體大小；rem是相對于根元素（通常是<html>元素）的字體大小來計(jì)算的。由于字體大小可以設(shè)置為任意小的值，所以em和rem也可以表示比 1px 更小的長度。
應(yīng)用場景：
常用于設(shè)置字體大小、邊距、內(nèi)邊距等屬性，以實(shí)現(xiàn)相對靈活的布局和樣式調(diào)整。在進(jìn)行移動(dòng)端開發(fā)或需要適配不同屏幕尺寸的項(xiàng)目中，em和rem可以根據(jù)用戶設(shè)置的字體大小或根元素的字體大小來自動(dòng)調(diào)整元素的尺寸，提供更好的用戶體驗(yàn)。例如，設(shè)置一個(gè)元素的字體大小為0.8em，則它的字體大小將是其父元素字體大小的 80%。
vh 和 vw說明：
vh表示視口高度（Viewport Height）的百分比，vw表示視口寬度（Viewport Width）的百分比。視口是瀏覽器窗口中用于顯示網(wǎng)頁的區(qū)域。1vh 等于視口高度的 1%，1vw 等于視口寬度的 1%。由于視口的尺寸可以很大，所以vh和vw的細(xì)分值可以表示非常小的長度。
應(yīng)用場景：
在實(shí)現(xiàn)全屏布局、響應(yīng)式設(shè)計(jì)或創(chuàng)建與視口相關(guān)的動(dòng)態(tài)效果時(shí)非常有用。例如，要?jiǎng)?chuàng)建一個(gè)始終占據(jù)視口高度 10% 的元素，可以將其高度設(shè)置為10vh。當(dāng)用戶調(diào)整瀏覽器窗口大小時(shí)，該元素的高度會(huì)自動(dòng)根據(jù)視口高度的變化而調(diào)整。