CSS媒體查詢標(biāo)志是一種針對(duì)不同設(shè)備、不同屏幕大小、不同方向等不同情況的條件查詢語(yǔ)句，使用媒體查詢的方式可以實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，讓網(wǎng)頁(yè)在不同的設(shè)備上有更好的顯示效果。

媒體查詢使用時(shí)需要加上媒體查詢標(biāo)志，在CSS中，媒體查詢標(biāo)志是由@media關(guān)鍵字開頭，后面緊跟媒體類型和媒體特性組成的。

/* 在 screen 上，最小寬度為 768px 時(shí)應(yīng)用下面的樣式 */
@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}

上面的代碼表示，當(dāng)用戶使用屏幕設(shè)備并且設(shè)備寬度大于等于768像素時(shí)，應(yīng)用body元素的字體大小為16像素。

以下是常見(jiàn)的媒體類型：

• all：所有設(shè)備
• print：打印機(jī)
• screen：電腦屏幕
• speech：屏幕閱讀器等

以下是常見(jiàn)的媒體特性：

• width：設(shè)備屏幕寬度
• height：設(shè)備屏幕高度
• orientation：設(shè)備方向，橫向或縱向
• max-width：設(shè)備最大寬度
• min-width：設(shè)備最小寬度

媒體查詢標(biāo)志的應(yīng)用可以讓網(wǎng)頁(yè)在不同的設(shè)備上有更好的展現(xiàn)，尤其在移動(dòng)設(shè)備上，使用媒體查詢可以靈活地適應(yīng)不同的屏幕大小和方向。