響應(yīng)式布局是一種網(wǎng)頁布局技術(shù)，它能夠根據(jù)用戶的設(shè)備屏幕大小自動(dòng)調(diào)整網(wǎng)頁的排版和布局，使得網(wǎng)頁在各種設(shè)備上都能夠正常顯示，在CSS中，我們可以使用媒體查詢（media queries）來實(shí)現(xiàn)響應(yīng)式布局。

媒體查詢是一種CSS3的特性，它允許我們根據(jù)設(shè)備的特定條件（如屏幕寬度、高度、顏色等）來應(yīng)用不同的樣式，通過媒體查詢，我們可以為不同的設(shè)備定義不同的樣式規(guī)則，從而實(shí)現(xiàn)響應(yīng)式布局。

下面是一個(gè)簡(jiǎn)單的例子，展示了如何使用CSS媒體查詢來實(shí)現(xiàn)響應(yīng)式布局：

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
  h1 {
    font-size: 24px;
  }
  p {
    font-size: 16px;
  }
}
@media screen and (min-width: 601px) {
  body {
    background-color: lightgreen;
  }
  h1 {
    font-size: 32px;
  }
  p {
    font-size: 18px;
  }
}

在上面的例子中，我們定義了兩個(gè)媒體查詢，***個(gè)媒體查詢針對(duì)屏幕寬度小于等于600px的設(shè)備，第二個(gè)媒體查詢針對(duì)屏幕寬度大于600px的設(shè)備，在每個(gè)媒體查詢中，我們定義了不同的背景顏色和字體大小，從而實(shí)現(xiàn)了響應(yīng)式布局。

通過響應(yīng)式布局，我們可以確保網(wǎng)頁在各種設(shè)備上都能夠正常顯示，提高用戶體驗(yàn)，我們還可以根據(jù)設(shè)備的屏幕大小來優(yōu)化網(wǎng)頁的排版和布局，使得網(wǎng)頁更加美觀和易用。