CSS媒體查詢是Web設(shè)計(jì)中必不可少的一項(xiàng)技術(shù)。從2001年開始，W3C發(fā)布了相應(yīng)的媒體查詢規(guī)格標(biāo)準(zhǔn)，成為了廣泛使用的標(biāo)準(zhǔn)。

@media screen and (min-width: 480px) {
/* 在 viewport 寬度 ≥ 480 像素時(shí)應(yīng)用 */
}
@media print and (color) {
/* 外觀設(shè)置僅為彩色打印機(jī)有效 */
}

媒體查詢的核心是@media規(guī)則。通過(guò)查詢媒體類型和條件，可以定義一套CSS規(guī)則，以保證頁(yè)面在不同的打印機(jī)、屏幕、設(shè)備、視口下呈現(xiàn)出不同的效果。例如，可以在比較小的屏幕上使用正確的字體、大小和顏色。

必要時(shí)，還可在@media規(guī)則中嵌套其他規(guī)則集和嵌套的@media規(guī)則集。這種能夠按所需逐級(jí)嵌套定義規(guī)則的靈活性，是CSS的關(guān)鍵特點(diǎn)之一。

在實(shí)際使用中，使用媒體查詢可以為我們節(jié)省很多不必要的代碼（如不同的CSS文件）。但是請(qǐng)注意，使用媒體查詢不應(yīng)該成為響應(yīng)式網(wǎng)站設(shè)計(jì)的全部。記得注意提高代碼可讀性和可維護(hù)性。同時(shí)，過(guò)多的媒體查詢也會(huì)影響網(wǎng)站性能。