这几天因为购买豆包付费服务的缘故，疯狂优化心仪的 begin-asan 主题。在搬运威兄几个 css 样式的时候翻车，效果并不相同，这才发现主题的根字体大小居然是缩小了的：62.5%，就查了下原因：
这是一个很常见的 CSS 技巧，目的是让 rem 单位换算更方便。
原理
默认浏览器根字体是 16px：
- 1rem = 16px
- 12px = 0.75rem（不好算）
- 14px = 0.875rem（不好算）
- 20px = 1.25rem（不好算）
设置 font-size: 62.5% 后，根字体变成 10px：
- 1rem = 10px
- 12px = 1.2rem（好算）
- 14px = 1.4rem（好算）
- 20px = 2rem（好算）
- 32px = 3.2rem（好算）
好处
1. 换算简单：设计师给的像素值直接除以 10 就是 rem，不用算 16 的倍数
2. 整体缩放方便：想整体放大 / 缩小字体，只改 html 的 font-size 百分比，所有 rem 元素等比例变化
整体上设计很巧妙，不错不错~
- 版权声明：本站原创文章，于2026年8月15日，由 幕后者 发表，共 400 字。
- 转载请注明：begin-asan 的根字体为何是 62.5% _ Begin Studio
看看信息是否能够保存！
@小皮蛋 效果不错，厉害了！
苦苦嘎嘎