當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)越來(lái)越注重響應(yīng)式布局，而CSS在這方面扮演著至關(guān)重要的角色。不同屏幕尺寸下，對(duì)于單位的選擇需要更加謹(jǐn)慎，合適的單位可以幫助你快速實(shí)現(xiàn)自己的設(shè)計(jì)目標(biāo)。因此，在這里我們列出了全部常見(jiàn)的CSS相關(guān)的單位。

px: 像素，常用于固定寬度和高度，不隨視口大小改變而改變。
em: 相對(duì)長(zhǎng)度單位，基于父元素的字體大小，1em等于父元素字體大小。 
rem: 相對(duì)長(zhǎng)度單位，基于根元素的字體大小，1rem等于根元素的字體大小。 
%: 相對(duì)長(zhǎng)度單位，相對(duì)于包含塊的寬度計(jì)算。 
vw: 相對(duì)長(zhǎng)度單位，相對(duì)于視口的寬度計(jì)算，1vw等于視口的1%。
vh: 相對(duì)長(zhǎng)度單位，相對(duì)于視口的高度計(jì)算，1vh等于視口的1%。
vmin: 相對(duì)長(zhǎng)度單位，相對(duì)于視口寬度和高度中較小的那一個(gè)的計(jì)算，1vmin等于視口的1%。
vmax: 相對(duì)長(zhǎng)度單位，相對(duì)于視口寬度和高度中較大的那一個(gè)的計(jì)算，1vmax等于視口的1%。

了解了這些單位后，根據(jù)具體需求靈活選擇可以提高CSS開(kāi)發(fā)效率，讓你的網(wǎng)頁(yè)在不同的屏幕上都能夠得到良好的表現(xiàn)。當(dāng)然，為了更好地滿足需求，也可以自定義自己的CSS單位，以滿足特殊的設(shè)計(jì)要求。