在網頁的開發中，響應式布局可以根據不同的設備（如電腦、平板、手機等）改變網頁的樣式和結構，使得頁面可以在各種設備上都能夠展現出最佳的效果。而 CSS 樣式是實現響應式布局的重要工具之一。

CSS 樣式可以通過 media query（媒體查詢）來實現對不同設備的適配。媒體查詢是 CSS3 新增的語法，它可以在 CSS 規則中定義一組樣式規則，這些規則會根據設備的不同應用到相應的樣式中。其基本語法如下：

@media mediatype and (media feature){
/* 樣式規則 */
}

其中，mediatype 表示媒體類型，例如 screen、print、all 等，而 media feature 則表示媒體特征，如設備寬度、高度、顏色等。例如：

@media screen and (max-width: 768px) {
/* 樣式規則 */
}

上述代碼表示，當設備屏幕寬度小于等于 768 像素時，會應用到該樣式規則中的樣式。

實際應用中，我們可以利用媒體查詢來針對不同的設備做出相應的樣式調整。比如，在設計 PC 端頁面時，往往需要設置較大的寬度，而在移動端頁面中則需要將寬度適當縮小，以適應不同的屏幕尺寸。而使用媒體查詢手動設置樣式規則可能比較繁瑣，因此也可以使用一些 CSS 框架（如 Bootstrap、Foundation 等）來完成響應式布局，這些框架內置了很多響應式布局的樣式規則，可以方便快捷地實現頁面的適應性調整。

總之，CSS 樣式在響應式布局中發揮了重要作用，它可以根據設備調整頁面的樣式，使得頁面在不同設備間呈現出最佳的效果。