現在移動設備的普及，要讓網頁適應不同尺寸的屏幕顯得極為重要。CSS中的自適應屏幕的長度單位有很多，比如像素、百分比等。接下來我們會詳細講解這些單位。

像素(px)：
是CSS中最常用的單位，像素指的是一個點的大小，即屏幕上最小的可顯示單位。設置為固定像素值的元素在不同屏幕上通常會出現問題，因為不同設備的像素密度，以及不同瀏覽器的縮放比例都不一樣，因此相同的像素值實際顯示出來的大小可能會有所不同。
百分比(%):
百分比是一種相對單位，相對于父容器元素的長度計算。這種方式具有很好的自適應性，可以自適應屏幕的大小調整。缺點是無法控制具體數值，可能會導致排版混亂。
em:
em是相對單位，相對于元素的字體大小。使用em時要注意繼承關系，而且會受到瀏覽器的默認字體大小影響。如果不設置字體大小，則會默認使用瀏覽器的字體大小。
rem:
rem也是相對單位，與em類似。不同之處在于它是相對于根元素大小進行計算。rem對于移動設備的適應性更好，它可以通過調整根元素字體大小，改變整個頁面的元素大小。
vw和vh：
vw和vh是相對于視口大小的相對單位，可以根據視口大小自動調整元素大小。vw和vh的值與視口的寬度和高度有關，一個vw或vh等于視口寬高的1%。
總之，使用自適應長度單位在實現不同屏幕尺寸適配的同時，也要注意好每種長度單位的特點，進行優化和合理使用。