在網頁設計中，響應式布局是目前極為流行的一種布局方式。而在實現響應式布局時，CSS則是主要的實現方式之一。

CSS中的響應式布局由媒體查詢、彈性盒子模型、網格布局等多種方式實現。其中，媒體查詢是最基本的技術。

@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

以上代碼表示，當瀏覽器寬度小于600像素時，body元素的背景色將變成淺藍色。

而在使用彈性盒子模型實現響應式布局時，主要通過display:flex聲明彈性容器，通過設置不同的flex屬性，讓其子元素在不同的屏幕尺寸下呈現不同的布局。

.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex: 1 0 20%;
}

以上代碼表示，將.container元素設置為彈性容器，設置其flex-wrap屬性為wrap，同時將.item元素的flex屬性設置為1 0 20%。在屏幕寬度較小時，.item元素將自動折行。

除此之外，CSS中的網格布局也可以用于響應式布局。通過使用網格屬性，將網格布局分為多個網格，并為每個網格設置不同的屬性，讓網格在不同的屏幕尺寸下呈現出不同的布局。

.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

以上代碼表示，在.container元素中，將其設置為網格布局，并將其列模板設置為自適應，最小寬度為300像素。在屏幕較小時，網格將自動縮小，以適應屏幕尺寸。

總之，在進行響應式布局時，借助CSS的多種技術，可以使得元素在不同的屏幕尺寸下呈現出不同的布局。這也讓我們在設計網站或移動應用界面時，更加方便靈活。