CSS里面怎樣加響應(yīng)式？

在CSS中，我們可以使用媒體查詢（Media Queries）來實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，媒體查詢是一種條件判斷，可以讓我們根據(jù)不同的設(shè)備或屏幕尺寸來應(yīng)用不同的樣式。

下面是一個(gè)簡單的例子，展示了如何在CSS中添加響應(yīng)式：

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  body {
    background-color: lightgreen;
  }
}
@media screen and (min-width: 901px) {
  body {
    background-color: lightred;
  }
}

在這個(gè)例子中，我們根據(jù)屏幕的寬度來應(yīng)用不同的背景顏色，當(dāng)屏幕寬度小于等于600px時(shí)，背景顏色為淡藍(lán)色；當(dāng)屏幕寬度在601px到900px之間時(shí)，背景顏色為淡綠色；當(dāng)屏幕寬度大于900px時(shí)，背景顏色為淡紅色。

這只是一個(gè)簡單的示例，在實(shí)際應(yīng)用中，我們可以根據(jù)具體的需求和設(shè)備來設(shè)置更復(fù)雜的響應(yīng)式樣式。