用途
该技能用于审查 CSS 中所有 font-size 声明,尤其是正文、UI 标签和导航中使用 px 单位的场景,目标是确保移动端字号可读、可缩放。
主要能力
- 检查正文或段落文字是否低于 16px(或 1rem)。
- 标记任何低于 12px 的字号。
- 识别在
<html>或<body>上用 px 设置、覆盖浏览器默认字号的声明。 - 检查浏览器缩放设为 200% 时字号是否按比例缩放,以及文本是否仍可读、布局是否不破坏。
使用方式
在代码审查中检查样式表、组件样式和响应式状态,定位违反规则的具体选择器、声明或断点。修复建议包括:将像素字号转换为 rem(像素值除以 16,如 14px 变为 0.875rem);移动端正文至少设为 1rem;避免 html { font-size: 10px } 这类重置,改用 html { font-size: 62.5% } 或完全避免字号重置;若小字为有意设计(如说明文字、脚注),至少保持 0.75rem(12px)并使用 rem 以便随用户偏好缩放。
适用场景
适用于前端 CSS 审查、无障碍检查、移动端适配和响应式设计验证,特别是涉及正文、UI 标签、导航文字的场景。
限制
资料未提供该技能的具体安装命令、运行环境、框架专属实现细节或收费信息。完整实现细节、代码示例和框架专属指导需参见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/css/font-size。