媒体查询生成

用独立选项组合宽度、方向、指针、颜色与动画偏好。

输入与结果示例

设置 768–1279px，选择横屏，生成所有条件同时满足的 @media。

使用范围与注意事项

• 输入在浏览器本地处理，不上传、不默认保存。
• min/max-width 包含边界端点。多个媒体查询可能同时满足，仍需检查级联顺序。

常见问题

能直接保证所有设备适配吗？

不能，工具生成与计算辅助方案；上线前仍需检查目标设备、用户字体设置与目标浏览器。