可调与固定的边界按语义划分
更新于 2026-06-10
**「哪些样式允许用户调节」不该全局一刀切，边界由语义角色决定。** 同一份模板里，顶部身份区（姓名 / 求职方向 / 联系方式）应当**固定**字号与行距、不受智能排版影响；正文（公司 / 职位 / 时间 / 技术栈 / bullet）必须全部走 CSS 变量，才可调。一次实例（红调封面）
- 现象：正文里的 公司 / 学校 / 项目名、时间、职位 / 角色、技术栈 / 链接行 都写死
px 字号 → 智能排版对它们无效。
- 修正：正文改为
calc(var(--font-size) * 1.08) / var(--font-size) / var(--line-height)；只有 .crimson-banner 保留固定值。
- 判定原话：只有「顶部 banner 个人信息」可以写死，因为这是不能动的。
两个容易漏的点
- 固定不能只固定
font-size。 banner 还会继承页面 line-height，所以行距同样会被排版设置带跑。固定区必须同时锁 font-family / font-size / line-height —— 是做隔离，不是只改一个属性。
- 检查要区分两类固定值。 全库扫描出「存在非
var() 字号」不等于都错：必须拆成「允许固定的标题 / 装饰区」与「正文错误固定」，不能用全局规则一刀切判定，否则规则不是误报就是漏报。
可迁移的判断
- 可调 / 固定是语义属性，不是 CSS 属性：同一个
font-size，在身份区该固定，在正文该走变量。
- 防回归检查必须能表达这种区分（红调检查：banner 必须固定 + 正文必须走变量），否则只能靠人肉判断。
相关