CSS 媒體查詢是一種用于在不同設(shè)備上設(shè)置網(wǎng)頁(yè)布局和樣式的技術(shù)。通過媒體查詢，我們可以根據(jù)設(shè)備的屏幕大小，分辨率等特性，為不同的設(shè)備定義不同的 CSS 規(guī)則。

媒體查詢的語(yǔ)法如下：

@media mediatype and (condition) {
/* CSS 規(guī)則 */
}

其中，mediatype代表媒體類型，比如 screen（屏幕）、print（打印）等。而condition則是一個(gè)表示特定條件的表達(dá)式，比如 min-width：480px（設(shè)備最小寬度為 480 像素）。

舉個(gè)例子，比如我們想應(yīng)對(duì)設(shè)備寬度小于 480 像素的情況，可以這樣實(shí)現(xiàn)：

@media screen and (max-width: 480px) {
/*CSS 規(guī)則*/
}

這里我們使用了screen作為媒體類型，表示應(yīng)對(duì)屏幕設(shè)備。而(max-width: 480px)則是一個(gè)條件，它表示設(shè)備的最大寬度為 480 像素。這樣，在屏幕寬度小于 480 像素時(shí)，CSS 規(guī)則就會(huì)生效。

因此，媒體查詢可以幫助我們針對(duì)不同設(shè)備提供優(yōu)化的樣式和布局，從而提升用戶體驗(yàn)。它的用法也非常靈活，可以根據(jù)自己的需求靈活調(diào)整，適用于不同的 Web 開發(fā)場(chǎng)景。