CSS 媒体查询速查

查询 @media 常用媒体特征的语法与示例，包括 min-width、max-width、orientation、hover、prefers-color-scheme、prefers-reduced-motion、print、resolution 等，帮助快速编写响应式与无障碍适配样式。全部在浏览器本地完成。

特性查询等待输入

输入媒体特性关键字，例如 min-width、orientation、print。

计算结果

收录条目—

当前结果—

输入媒体特性后点击查询，结果将显示在这里。

语法依据 CSS 规范整理；结果仅供参考。

计算说明

@media 用于按设备特征应用不同的样式规则。
min-width / max-width 主要用于响应式断点。
prefers-color-scheme 可适配深色模式。
prefers-reduced-motion 用于减少动画，提升无障碍体验。
多个条件可用 and、,、not 组合。