关于 CSS 行高计算器
该工具用于根据字号与目标比例计算行高，并结合基线网格输出推荐值与可视化预览。
核心功能
- 行高计算：输入字号与行高比例，得到像素级行高值。
- 基线网格适配：结合 base grid 评估对齐行数。
- 比例预设：提供常见比例快速切换（如 1.4、1.5、1.6）。
- 文本预览：实时查看段落阅读效果。
- 参考表格：输出常见字号的推荐行高档位。
使用说明
- 输入字体大小。
- 设置目标 line-height 比例。
- 设置基线网格值并查看结果。
- 在预览区确认可读性后复制 CSS。
使用场景
- 正文与标题排版节奏统一。
- 设计系统排版 Token 制定。
- 多端页面文本可读性优化。
常见问题
行高比例越大越好吗？
不一定。过大行高会削弱段落紧凑度，需在可读性与信息密度间平衡。
为什么建议值和设计稿有差异？
不同字体家族的字面高度和 x-height 不同，建议按目标字体做二次微调。