響應式布局是指一種網站設計的方法，通過使用CSS代碼實現網頁的布局在不同設備上自動適應，從而提高用戶的體驗。相較于傳統的固定布局，響應式布局具有更大的靈活性和適應性，可以讓網站在不同設備上都具有良好的瀏覽效果。 響應式布局使用CSS的@media規則來實現布局的自適應。@media規則指定了不同屏幕尺寸下的CSS樣式，并且在瀏覽器窗口大小改變時自動應用。以下是一個響應式布局的CSS代碼示例：

/* 默認樣式 */
p{
font-size: 16px;
line-height: 1.5em;
}
/* 屏幕寬度小于600像素時的樣式 */
@media (max-width: 600px){
p{
font-size: 14px;
line-height: 1.2em;
}
}
/* 屏幕寬度在600到900像素之間的樣式 */
@media (min-width: 600px) and (max-width: 900px){
p{
font-size: 18px;
line-height: 1.8em;
}
}
/* 屏幕寬度大于900像素時的樣式 */
@media (min-width: 900px){
p{
font-size: 20px;
line-height: 2em;
}
}

上述CSS代碼中，首先定義了默認樣式，即當屏幕尺寸不變時應用的樣式。接著使用@media規則定義了三個不同屏幕尺寸下的樣式，分別應用于屏幕寬度小于600像素、在600至900像素之間、大于900像素時。這些樣式根據不同屏幕尺寸調整了文字的大小和行高，以適應不同設備的瀏覽。 總之，響應式布局是一種在不同設備上都能提供良好瀏覽體驗的網站設計方法，通過使用CSS代碼在不同屏幕尺寸下自適應網頁布局，提高用戶的體驗。