关于 CSS 黄金比例计算器
该工具基于黄金比例（约 1.618）计算布局分割值，并提供可视化展示、字体比例与间距比例建议。
核心功能
- 分割计算：输入基准尺寸，输出大区块/小区块尺寸与比例。
- 方向切换：支持横向与纵向分割展示。
- 可视化预览：通过分割图和黄金螺线辅助理解比例关系。
- 字体尺度建议：生成黄金比例驱动的字号序列。
- 间距尺度建议：生成统一节奏的 spacing 尺度。
使用说明
- 输入基准尺寸（如容器宽度或高度）。
- 选择横向或纵向分割方向。
- 查看主次区块尺寸、占比与可视化结果。
- 参考字体与间距尺度用于样式系统。
使用场景
- 页面主次内容区宽高比例设计。
- 设计系统字体与间距比例设定。
- 海报、卡片、落地页的视觉平衡调优。
常见问题
黄金比例一定最优吗？
不是绝对规则，更像高可用参考。实际仍需结合品牌风格、可读性和业务场景微调。
为什么计算值会有小数？
黄金比例本身是无理数，实际应用中通常按像素网格做四舍五入处理。