responsive-units 是前端检查清单（front-end-checklist）中的一条规则，主题为“在响应式布局中使用相对单位”。该规则适用于审查样式表、组件样式以及与响应式布局相关的响应式行为。
用途 该规则用于检查页面是否使用相对单位来构建响应式布局。其核心理由是：固定像素值会覆盖用户浏览器的偏好设置，使那些通过增大默认字体大小来改善可读性的用户（低视力人群常见的适配方式）无法正常使用网站。相对单位还能减少所需断点数量——元素会自然适应可用空间，而不需要在每个视口宽度上显式覆盖。
主要能力 规则提供快速参考，指导不同场景下应使用的单位：字号使用 rem，因为它尊重用户浏览器的字体大小偏好；宽度使用 % 或 flex/grid，因为它们适配父容器；组件相对间距（内边距、边框圆角）使用 em；在断点之间平滑缩放的字号使用 clamp()。
使用方式 规则提供四类操作提示：检查（Check）——在当前 CSS 文件中找出所有应改用相对单位的基于 px 的 font-size、width 和 padding 值；修复（Fix）——将固定 px 字号转换为等效的 rem，并将固定宽度替换为百分比或相对替代方案；解释（Explain）——说明 rem、em、%、vw 和 vh 之间的区别以及各自适用场景；代码审查（Code Review）——审查样式表、组件样式和响应式状态，指出渲染 UI 中违反该规则的具体选择器、声明或断点。
适用场景 适用于前端样式表审查、组件样式检查以及响应式布局相关的代码审查工作，尤其关注字号、宽度、内边距等属性是否使用相对单位。
限制 关于完整实现细节、代码示例和框架相关指导，需参见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/css/responsive-units。除上述内容外，该规则的具体实现细节、代码示例和框架相关指导暂未提供。