其他
在调整正文行宽时,用 45–75 字符规则保证跨字体…
适用于为正文排版设定 measure,让文本在移动端、平板和桌面及不同字号下保持舒适可读。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
在调整正文行宽时,用 45–75 字符规通用
解决思路
- 将正文文本的行长(measure)控制在每行 45–75 个字符(含空格),这是目标区间;66 个字符常被视为理想值。
- 当行长低于 45 个字符时,视为太短:眼睛会过于频繁跳行,破坏阅读节奏;应加宽文本列或调整字号、容器。
- 当行长高于 75 个字符时,视为太长:眼睛返回下一行开头时容易丢失位置;应收窄文本列或限制容器宽度。
- 对正文使用 45–75 字符目标区间;对文章、文档等持续阅读场景收紧到 50–60 个字符。
- 在 CSS 中用 `ch` 单位作为粗略代理,例如设置 `max-width: 65ch`。
- 统计代表性段落中的实际字符数来验证行长,因为 `ch` 只是近似值。
- 根据字体调整:宽字体(如 Georgia)需要更窄的列;窄体或压缩字体可以略宽。
- 不要对展示型文字和短 UI 字符串应用该规则;它适用于正文和阅读上下文。
- 移动端单列:在 16px+ 字号下通常使用全宽即可,因为小屏很少超过 70 个字符。
- 平板和桌面:显式限制列宽,不要让文本拉伸到容器边缘。
- 多列布局:每一列都应独立满足 45–75 字符规则。
- 按上下文设定字符目标:长文文章、文档为 55–70 个字符。
- 按上下文设定字符目标:UI 正文、描述为 45–65 个字符。
- 按上下文设定字符目标:说明文字、辅助文字为 40–60 个字符。
- 按上下文设定字符目标:拉引语、标注为 30–45 个字符。
- 在文本容器上设置 `max-width`,而不只是调整字体大小。
- 随着列宽增加,略微增加 line-height;更宽的 measure 需要更多行距。
- 用真实内容测试 measure,合成 lorem 文本会掩盖行长问题。
- 每当字体或字号变化时,重新检查并调整 measure。
适用边界 · 注意事项
- 展示型文字(display type)不适用。
- 短 UI 字符串不适用。