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

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

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

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

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

總之，CSS Media查詢是一項有用的技術，可以幫助我們為不同的設備提供最佳的用戶體驗。無論是在響應式設計中還是為了提高可訪問性，媒體查詢都是開發人員不可或缺的工具。