媒体查询生成器
可视化生成 CSS 媒体查询代码，支持断点、方向、分辨率与暗色模式
视口宽度
其他条件
逻辑组合
生成的媒体查询
—
预览（拖动宽度模拟视口）
视口宽度
1024px
— 未匹配 —
💡 提示：
· 断点采用
· 同时指定最小与最大值时，生成
· 多个条件默认用
· 断点采用
min-width 时建议从小往大写，采用 max-width 时从大往小写；· 同时指定最小与最大值时，生成
(min-width: X) and (max-width: Y)；· 多个条件默认用
and 连接，选择 OR 时改用逗号分隔。