px
推荐
24.0px
1.5× 比例—适合正文
黄金比例
25.9px
φ (1.618)—协调的比例
常用比例
紧凑1.2×
标题、大字号文本
19.2px
较紧凑1.375×
副标题
22.0px
常规1.5×
正文（推荐）
24.0px
宽松1.625×
长文阅读
26.0px
疏松2×
大段文本、无障碍
32.0px
预览
1.2× line-height
天地玄黄，宇宙洪荒。请在不同字号下检查行距。
1.5× line-height
天地玄黄，宇宙洪荒。请在不同字号下检查行距。
2× line-height
天地玄黄，宇宙洪荒。请在不同字号下检查行距。
什么是行高计算器？
根据字号计算常用 CSS line-height，并通过实时预览比较多种比例。 以 px 为单位的字号。 输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
打开工具
这个工具能做什么
- 输入: 以 px 为单位的字号。
- 设置与处理: 调整字号，比较标题、副标题、正文、长文、宽松行距与黄金比例等起点。
- 输出: 输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
使用方法
- 添加输入。 以 px 为单位的字号。
- 检查设置。 调整字号，比较标题、副标题、正文、长文、宽松行距与黄金比例等起点。
- 生成、核对并导出结果。 输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
主要功能
- 输入: 以 px 为单位的字号。
- 设置与处理: 调整字号，比较标题、副标题、正文、长文、宽松行距与黄金比例等起点。
- 输出: 输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
适用场景
- 根据字号计算常用 CSS line-height，并通过实时预览比较多种比例。
- 适合需要以下输出或诊断结果时使用：输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
- 可放在下一项已确认的流程步骤之前：用真实字体、栏宽和语言测试所选行高。
限制与安全说明
- 这些比例只是起点，并非通用“最佳值”。 WCAG 1.4.12 要求用户把行高调到至少 1.5 倍时内容不丢失，并不要求所有默认行高必须为 1.5。
故障排查
- 请输入纯数值，并确认小数分隔符、源/目标单位、base 或 root size、DPI 与页面允许范围。
- 先复算一个已知参考值，再检查换算假设与舍入方式，然后再批量转换或用于 CSS/印刷。
- 这些比例只是起点，并非通用“最佳值”。 WCAG 1.4.12 要求用户把行高调到至少 1.5 倍时内容不丢失，并不要求所有默认行高必须为 1.5。
常见问题
什么是行高计算器？
根据字号计算常用 CSS line-height，并通过实时预览比较多种比例。
如何使用行高计算器？
添加符合要求的输入，检查页面设置，并在复制或下载前核对结果。 预期输出：输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
支持哪些输入？
以 px 为单位的字号。
会生成什么输出？
输出 1.2、1.375、1.5、1.625、2 以及 1.618 黄金比例对应的 px，并提供实时文字预览。
有哪些限制？
这些比例只是起点，并非通用“最佳值”。 WCAG 1.4.12 要求用户把行高调到至少 1.5 倍时内容不丢失，并不要求所有默认行高必须为 1.5。
相关 AppKiro 工具
先用已验证的示例开始
先用较小且不敏感的样本测试，确认关键设置与输出，再把结果用于真实流程。
打开工具