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;
}
}

我们可以看到，媒体查询语法十分灵活，可以根据具体情况制定不同的条件和样式，为响应式设计提供了强有力的支持。