CSS媒體查詢是一種用于根據(jù)設(shè)備類型、屏幕大小、分辨率等條件應(yīng)用不同樣式的技術(shù)，在Web開發(fā)中，我們經(jīng)常需要根據(jù)不同的設(shè)備和應(yīng)用場景來應(yīng)用不同的樣式，這時就可以使用CSS媒體查詢來實現(xiàn)。

CSS媒體查詢的寫法通常是在CSS樣式表中添加一些特定的代碼，這些代碼可以根據(jù)設(shè)備的不同條件來應(yīng)用不同的樣式，我們可以根據(jù)設(shè)備的屏幕大小來應(yīng)用不同的樣式，或者根據(jù)設(shè)備的分辨率來應(yīng)用不同的樣式。

在CSS媒體查詢中，我們可以使用@media關(guān)鍵字來定義一個媒體查詢，然后在這個查詢中定義一些條件，比如設(shè)備的屏幕大小、分辨率等，當設(shè)備滿足這些條件時，就會應(yīng)用相應(yīng)的樣式。

我們可以寫一個CSS媒體查詢來適應(yīng)不同屏幕大小的設(shè)備：

@media (min-width: 600px) {
  .container {
    width: 600px;
    margin: 0 auto;
  }
}

這個查詢會在屏幕寬度大于600px的設(shè)備上應(yīng)用.container樣式，使其寬度為600px并居中顯示。

除了屏幕大小外，我們還可以根據(jù)設(shè)備的分辨率來應(yīng)用不同的樣式，我們可以定義一個高分辨率的樣式：

@media (min-resolution: 2dppx) {
  .high-resolution {
    background-image: url(high-resolution.png);
  }
}

這個查詢會在設(shè)備分辨率大于2dppx時應(yīng)用.high-resolution樣式，使其背景圖像為high-resolution.png。

通過CSS媒體查詢，我們可以輕松地適應(yīng)不同的設(shè)備和應(yīng)用場景，提升Web應(yīng)用的用戶體驗。