CSS媒體查詢是一種使得網頁能夠在不同設備上展現的技術。通過使用CSS媒體查詢，網頁能夠在不同的屏幕尺寸、分辨率、顏色等方面得到最佳的展示效果。

CSS媒體查詢的基本語法是：

@media
only|not
media type and (media feature) {
CSS rules
}

其中@media表示媒體查詢，only和not是可選的參數。media type可以是all、print、screen、speech等，分別表示所有媒體、打印媒體、屏幕媒體、語音合成器媒體等。media feature可以是max-width、min-width、orientation等，分別表示最大寬度、最小寬度、方向等。

下面是一個具體的示例：

@media screen and (max-width: 600px) {
body {
background-color: red;
}
}

上面的代碼表示，當屏幕寬度小于等于600像素時，將body的背景色設置為紅色。這樣，在移動設備上瀏覽網頁時，頁面能夠自適應屏幕。

需要注意的是，CSS媒體查詢并不是響應式設計的全部內容，它只是其中的一部分。要想實現良好的響應式設計，還需要結合其他技術、工具，如彈性布局、斷點設置、柵格系統等。

總之，CSS媒體查詢是響應式設計不可或缺的一環。它讓我們能夠在不同設備上展示出最佳的效果，提升了網頁的可用性和用戶體驗。