在現代網站設計中，響應式布局是不可或缺的一部分，而 CSS 則是完成響應式布局的關鍵技術之一。CSS 可以控制不同屏幕尺寸下的頁面布局，以適應不同的設備，包括桌面電腦、平板電腦、手機等。
在 CSS 中，我們通常使用媒體查詢來實現針對不同屏幕設備的 CSS 控制。媒體查詢是基于媒體類型和特定條件來應用樣式規則的一種方法。例如，以下代碼將針對寬度小于600像素的設備應用樣式：

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

使用媒體查詢時需要指定媒體類型（如“screen”表示屏幕設備）以及條件。這里的條件是“max-width: 600px”，意思是寬度不超過 600 像素時應用樣式。注意這里使用唯一的關鍵字“only”來表示只針對特定媒體類型應用樣式。
除了媒體查詢，在 CSS 中還有很多其他方法可以控制響應式布局。例如，我們可以使用視口單位（viewport units）來指定元素的大小和位置。視口單位可以根據屏幕尺寸自動調整大小和位置。例如，以下代碼將使一個元素占屏幕寬度的一半：

div {
width: 50vw;
}

這里的“vw”表示視口寬度的百分比，即元素寬度等于視口寬度的 50%。
總之，CSS 提供了多種方法來控制響應式布局。使用媒體查詢、視口單位等技術，我們可以適應不同屏幕尺寸和設備，為用戶提供最佳的瀏覽體驗。