CSS是網頁開發中常用的樣式設置語言，在頁面布局中可以使用CSS實現響應式布局。響應式布局能夠根據用戶設備的不同尺寸自適應調整展示效果，提升用戶體驗。以下是CSS設置響應式布局的幾種方法：

1.使用百分比或em單位設置尺寸

.box {
width: 50%;
font-size: 2em;
}

在設置元素尺寸和字體大小時可以使用百分比或em單位，這樣元素或文字大小將根據瀏覽器窗口大小自適應而變化。

2.使用媒體查詢設置不同的樣式

@media screen and (max-width: 768px) {
.box {
width: 100%;
}
}

媒體查詢可以針對設備屏幕寬度不同而設置不同的CSS樣式，例如，當屏幕寬度小于768px時，將元素寬度設置為100%。

3.使用彈性布局設置自適應布局

.wrapper {
display: flex;
flex-wrap: wrap;
}
.box {
flex: 1;
}

使用彈性布局可以設置自適應的布局，通過設置容器為flex并設置flex-wrap: wrap，元素會根據容器寬度自動換行排列。通過設置元素的flex屬性可以讓元素自動填充寬度。

通過以上幾種方法，我們可以在網頁開發中設置響應式布局，適應不同設備下的展示效果，優化用戶體驗。