CSS Media查詢是一項(xiàng)重要的技術(shù)，它允許開發(fā)人員根據(jù)屏幕尺寸、設(shè)備類型或其他特定條件應(yīng)用不同的CSS樣式。通過使用媒體查詢，我們可以為不同的設(shè)備提供最佳的用戶體驗(yàn)，同時(shí)也可以提高網(wǎng)站的可訪問性。

@media screen and (max-width: 768px) {
body {
background-color: #f2f2f2;
font-size: 16px;
}
}

在這個(gè)例子中，我們使用媒體查詢來檢查屏幕寬度是否小于768像素。如果是，那么我們就將CSS樣式應(yīng)用于body元素。這里，我們將背景顏色設(shè)置為#f2f2f2，將字體大小設(shè)置為16像素。這樣可以使網(wǎng)站在小屏幕設(shè)備上顯示得更好。

除了屏幕尺寸，我們還可以使用媒體查詢來檢查許多其他條件，例如設(shè)備方向、設(shè)備分辨率、是否支持媒體類型等等。這些查詢可以在CSS中嵌入，也可以在HTML文件中使用<link>標(biāo)簽引用外部CSS文件中的媒體查詢。

在這個(gè)例子中，我們使用<link>標(biāo)簽將mobile.css文件鏈接到網(wǎng)頁中。然后，我們指定了一個(gè)媒體查詢：“(max-width: 768px)”。這意味著，當(dāng)屏幕寬度小于等于768像素時(shí)，將應(yīng)用這個(gè)樣式表。這樣可以在移動(dòng)設(shè)備上優(yōu)化我們的網(wǎng)頁。

總之，CSS Media查詢是一項(xiàng)有用的技術(shù)，可以幫助我們?yōu)椴煌脑O(shè)備提供最佳的用戶體驗(yàn)。無論是在響應(yīng)式設(shè)計(jì)中還是為了提高可訪問性，媒體查詢都是開發(fā)人員不可或缺的工具。