CSS媒體查詢是CSS中的一種很有用的功能，它可以根據不同的設備屏幕尺寸、分辨率、設備類型等條件，在CSS中設置不同的樣式。這樣可以讓網頁更加適應不同的設備，提高用戶體驗。

媒體查詢可以通過使用@media規則來實現， 例如：

@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}

這段代碼表示，當設備的屏幕寬度大于768px時，為body元素設置字體大小為16px。 @media 規則中的 screen 表示這個規則只應用于屏幕設備，min-width 是媒體特性的一種，用于判斷設備的最小屏幕寬度是否滿足樣式設置。

除了 min-width，還有其他很多媒體特性可以使用，例如 max-width、orientation、resolution等等。我們可以按需選擇媒體特性來精確地定義適用于不同設備的樣式。

媒體查詢還可以嵌套使用，例如：

@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
@media (min-resolution: 2dppx) {
body {
background-image: url(bg-2x.jpg);
}
}
@media (max-resolution: 2dppx) {
body {
background-image: url(bg-1x.jpg);
}
}
}

這段代碼表示當設備的屏幕寬度大于768px時，為 body 元素設置字體大小為16px。同時，如果設備分辨率為2倍屏，則設置背景圖片為 bg-2x.jpg；如果分辨率為1倍屏，則設置背景圖片為 bg-1x.jpg。通過使用媒體查詢，我們可以根據設備的不同設置不同的樣式，讓網頁更加適應各種終端設備。