CSS媒體查詢是指根據不同的設備或屏幕參數來設置樣式的一種技術。這樣就可以實現網站在不同設備上的自適應，以適應不同的設備大小或屏幕方向。

使用CSS媒體查詢可以設置不同的樣式，例如字體大小、背景圖片、寬度和高度等。

/* 根據設備分辨率不同設置不同的背景圖片 */
@media screen and (max-width: 768px) {
body {
background-image: url(mobile_background.jpg);
}
}
@media screen and (min-width: 769px) {
body {
background-image: url(desktop_background.jpg);
}
}
/* 根據設備屏幕方向設置不同的字體大小 */
@media screen and (orientation: portrait) {
body {
font-size: 14px;
}
}
@media screen and (orientation: landscape) {
body {
font-size: 16px;
}
}
/* 根據設備類型設置不同的樣式 */
@media screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait) {
/* 在ipad上設置樣式 */
}
@media screen and (max-width: 320px) and (max-height: 568px) {
/* 在iPhone上設置樣式 */
}

通過CSS媒體查詢，可以輕松實現網站在不同設備上的自適應，提高用戶體驗。