CSS尺寸是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一個(gè)概念，常見(jiàn)的CSS尺寸包括像素、百分比、em、rem等，下面將會(huì)逐一介紹這些尺寸。

p {
font-size: 16px;
width: 80%;
margin: 0 auto;
}

像素（px）是最常用的單位，它是按照屏幕上的物理像素來(lái)衡量的。在設(shè)計(jì)響應(yīng)式網(wǎng)頁(yè)時(shí)，通常會(huì)使用媒體查詢來(lái)設(shè)置不同尺寸的布局。

@media screen and (max-width: 600px) {
p {
font-size: 14px;
width: 100%;
}
}

百分比（%）尺寸是相對(duì)于父元素的尺寸來(lái)表示的，因此在響應(yīng)式設(shè)計(jì)中非常常用。

div {
width: 50%;
padding-top: 50%;
}

em是相對(duì)于當(dāng)前元素的字體尺寸來(lái)計(jì)算的，如果父元素有改變字體尺寸，則em的值也會(huì)相應(yīng)改變。

p {
font-size: 16px;
line-height: 1.5em;
}

rem是相對(duì)于根元素（html元素）的字體尺寸來(lái)計(jì)算的，因此可以方便地實(shí)現(xiàn)響應(yīng)式布局。

html {
font-size: 16px;
}
p {
font-size: 1rem;
}
@media screen and (max-width: 600px) {
html {
font-size: 14px;
}
}

綜上，不同的CSS尺寸適用于不同的場(chǎng)景，根據(jù)實(shí)際需求選用合適的尺寸可以讓網(wǎng)頁(yè)設(shè)計(jì)更加靈活、精準(zhǔn)。