CSS 媒體查詢語法是一個非常重要的 CSS 技術，它允許我們根據設備的寬度、高度、方向等條件來制作響應式的頁面。在 CSS3 中，我們通過 @media 規則來定義媒體查詢。

@media mediatype and (condition) {
CSS代碼塊
}

其中mediatype參數用于定義媒體類型，常見的媒體類型有：

• all：所有媒體設備
• print：打印機
• screen：屏幕
• speech：語音輸出設備

condition參數用于定義媒體查詢的條件。常見的條件包括：

• width：設備寬度
• height：設備高度
• orientation：設備方向
• aspect-ratio：設備屏幕比例
• color：設備顏色深度
• resolution：設備分辨率

下面是一個簡單的例子，當設備屏幕寬度小于等于 768 像素時，應用樣式font-size: 16px;：

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

我們可以看到，媒體查詢語法十分靈活，可以根據具體情況制定不同的條件和樣式，為響應式設計提供了強有力的支持。