关于 CSS 间距计算器
该工具用于生成统一的间距尺度（Spacing Scale），支持线性、斐波那契、幂级数三种规则，并可导出 CSS 变量与 Tailwind 配置片段。
核心功能
- 基础单位配置：以一个 base unit 推导整套间距值。
- 多种尺度算法：支持
linear、fibonacci、powers。 - 实时视觉预览：以块状示例快速感知尺度节奏。
- 代码输出：生成 CSS Variables 与 Tailwind spacing 配置。
- 示例参考：附常见用法片段便于直接接入项目。
使用说明
- 输入基础单位（如
4或8）。 - 选择尺度类型（线性/斐波那契/幂级）。
- 查看预览区与输出代码。
- 复制 CSS 变量或 Tailwind 配置到工程中。
使用场景
- 设计系统 spacing token 统一。
- 多页面间距风格一致化改造。
- Tailwind 项目快速建立间距刻度。
常见问题
应该选择哪种尺度类型？
通用后台与业务系统可优先线性；追求更强层次感时可尝试斐波那契或幂级数。
生成值太密或太稀怎么办？
优先调整基础单位，再重新选择尺度类型进行对比。