CSS能夠使頁(yè)面根據(jù)瀏覽器窗口大小自適應(yīng)，這使頁(yè)面在不同的設(shè)備上看起來(lái)更美觀(guān)和易于閱讀。以下是幾種不同的方法：

/* 將元素設(shè)置寬度為百分比 */
.box {
width: 50%;
}
/* 利用CSS3的媒體查詢(xún) */
@media screen and (max-width: 768px) {
.box {
width: 100%;
}
}
/* 利用vw或vh單位進(jìn)行計(jì)算，這是視窗單位 */
.box {
width: 50vw;
height: 20vh;
}

使用百分比和vw、vh單位是根據(jù)視窗大小來(lái)提供一致的大小規(guī)格。利用CSS3媒體查詢(xún)可以根據(jù)窗口大小來(lái)調(diào)整樣式。例如，上述代碼中@media查詢(xún)當(dāng)屏幕寬度小于768px時(shí)，將.box元素的寬度設(shè)置為100%。

當(dāng)一個(gè)網(wǎng)站使用響應(yīng)式Web設(shè)計(jì)時(shí)，開(kāi)發(fā)人員可以根據(jù)屏幕大小和設(shè)備類(lèi)型來(lái)設(shè)置樣式。這使得客戶(hù)在設(shè)備上瀏覽網(wǎng)站時(shí)，可以看到最好的呈現(xiàn)效果，頁(yè)面布局將根據(jù)用戶(hù)設(shè)備的方向和大小進(jìn)行調(diào)整。