← 设计与 CSS

设计与 CSS · 本地运行

CSS 断点清单

提取最小宽度和最大宽度媒体查询断点，并报告它们的频率和顺序。

结果

准备就绪。您的工作数据保留在此浏览器中。

为什么这个工具有用

当您需要提取 min-width 和 max-width 媒体查询断点，并报告它们的频率和顺序时，请使用 CSS 断点清单。结果会立即生成，并且在您重复使用之前很容易验证。

工作原理

输入 CSS Breakpoint Inventory 要求的值。浏览器会验证输入，在本地执行计算，并生成可复制的结果，同时清晰显示错误。

实际示例

一种实用的方法是先在一个小样本上运行 CSS Breakpoint Inventory，确认输出，然后再处理完整的值或列表。

验证

计算是确定性的，并解释验证错误，而不是默默更改无效输入。

隐私边界

输入和输出保留在此标签页中。复制和下载通过浏览器API完成，无需上传到服务器。

结果护照

每次运行都会报告其工具模式、时间戳以及输入/输出大小，以便对转换后的数据进行审计。