Ctrl K
px / rem 换算 · 使用说明
px 与 rem 双向换算工具：基准字号默认 16px，可改成任何 html { font-size } 值，输入任一侧另一侧实时更新。附 12–64px 常用字号速查表，每行可一键复制 rem 值；换算按四舍五入保留四位小数，粘贴回 CSS 直接可用。设计稿标注是 px、代码想统一 rem 时的必备小工具，全部换算在浏览器本地完成。
示例
输入
基准 16px，输入 24px
输出
1.5rem；改基准为 10px 则为 2.4rem
如何使用
- 确认基准字号与项目 html { font-size } 一致（默认 16）
- 在 px 或 rem 任一输入框填数值，另一侧实时得出结果
- 从速查表直接复制常用字号的 rem 值
- 改基准字号可整表重算，适配 rem 响应式方案
小贴士
- rem 只由根字号决定，em 由元素自身字号决定，嵌套时会叠加，布局间距优先 rem
- rem 响应式项目常用 html { font-size: 62.5% }（即 10px），此时把基准改成 10 再换算
- 换算结果保留 4 位小数，避免长像素链累积误差
- 想按视口流式缩放而不是固定换算，配合 <a class="faq-link" href="/tools/clamp-generator/">clamp() 流式尺寸</a> 使用
常见问题
换算会上传我的数值吗？
不会。换算纯本地公式计算，输入不离开浏览器。
为什么我的 1rem 不是 16px？
html 的 font-size 被项目改过（常见 62.5% 即 10px），把「基准字号」改成实际值即可。
em 怎么换算？
em 相对元素自身字号，上下文不同结果不同，工具只做无歧义的 px ↔ rem 换算。
要适配所有屏幕宽度怎么办？
固定换算不会随视口缩放，流式缩放请用 clamp() 流式尺寸 生成区间值。
精度够吗？
保留 4 位小数，浏览器渲染时还会按设备做亚像素取整，误差远低于可见阈值。