字号比例排版生成器

功能说明

本工具基于「比例阶梯」原理，根据你设置的基础字号和比例系数，自动生成从 h1 到 small 的网页排版字号阶梯和推荐行高，支持输出固定 rem 单位或 CSS clamp 响应式字号。

使用方法

1. 输入基础字号（单位为 rem，一般设置为 1rem）
2. 选择或输入比例系数（常用比例：1.2、1.25、1.333、1.414、1.618）
3. 选择输出单位类型：固定 rem 或 CSS clamp 响应式
4. 选择是否包含行高计算
5. 点击「生成排版代码」即可获取 CSS 代码，点击「复制代码」可一键复制

计算原理

字号阶梯计算遵循等比数列公式：

字号 = 基础字号 × (比例系数) ^ 级别

其中级别根据标签从 h1 到 small 依次递减：h1 为 5 级，h2 为 4 级... p 为 0 级，small 为 -1 级。

行高根据字号自适应计算，公式为：

行高 ≈ 1.45 + (1 / (1 + 字号))

CSS clamp 响应式字号会根据视口宽度在基础字号的 80%~120% 之间自动调整，兼顾移动端和桌面端阅读体验。

注意事项

• 基础字号建议设置为 1rem（对应 HTML 根元素默认 16px），符合现代网页设计习惯
• 比例系数越大，标题和正文的字号差越大，常用的比例是 1.25（温和对比）和 1.333（明显对比）
• 生成的代码可直接复制到你的 CSS 文件中使用，覆盖默认标签样式即可
• 本工具生成的排版建议仅供参考，请根据实际设计需求调整。