CSS中的媒體查詢(xún)是一種響應(yīng)式設(shè)計(jì)技術(shù)，它允許***根據(jù)設(shè)備類(lèi)型、屏幕尺寸、分辨率、顏色模式等條件，為網(wǎng)頁(yè)應(yīng)用不同的樣式規(guī)則，這樣，就可以確保網(wǎng)頁(yè)在各種設(shè)備上都能以***佳狀態(tài)呈現(xiàn)。

在CSS中，通過(guò)@media關(guān)鍵字來(lái)定義媒體查詢(xún)，這個(gè)關(guān)鍵字后面可以跟上多個(gè)條件，用逗號(hào)隔開(kāi)，每個(gè)條件對(duì)應(yīng)一個(gè)樣式規(guī)則集，當(dāng)滿(mǎn)足條件時(shí)，瀏覽器就會(huì)應(yīng)用相應(yīng)的樣式規(guī)則。

以下代碼定義了一個(gè)簡(jiǎn)單的媒體查詢(xún)：

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

這個(gè)查詢(xún)會(huì)在屏幕寬度小于等于600px的設(shè)備上應(yīng)用背景色為淡藍(lán)色的樣式規(guī)則。

媒體查詢(xún)?cè)陧憫?yīng)式設(shè)計(jì)中非常有用，可以讓網(wǎng)頁(yè)更加靈活、易用，通過(guò)合理地使用媒體查詢(xún)，可以確保網(wǎng)頁(yè)在各種設(shè)備上都能以***佳狀態(tài)呈現(xiàn)，提升用戶(hù)體驗(yàn)。