工具用的顺手吗？
你的反馈能帮助我们做得更好
为前端开发者与设计师设计的像素与REM单位双向换算工具，支持自定义根字体大小。
概览
了解工具能解决的问题、计算或处理逻辑，以及数据边界。
24px 在根字号为 16px 时对应 1.5rem；若同一项目的根字号改成 20px，它就对应 1.2rem。REM 不是一个固定数量的像素，而是以根元素计算字号为参照的 CSS 长度单位。页面接收 PX、REM 和基准像素三个数值，可从任意一侧开始换算。
REM = PX ÷ 根字号（px）PX = REM × 根字号（px）
“基准像素”默认填 16，这是页面预设值，不代表所有网页都必须采用 16px。项目若显式设置了根元素字号，应填写该计算值；否则设计稿中的像素标注和最终浏览器渲染可能不在同一基准上。
主换算框最多保留 4 位小数，并去掉末尾多余的 0。比如输入 48px、基准 18px，结果显示 2.6667rem；把右侧改成 2.5rem，左侧会得到 45px。舍入只影响页面显示，复制按钮取得的是当前框中的数值。
| PX | 根字号 | 页面显示的 REM |
|---|---|---|
| 14px | 16px | 0.875 |
| 24px | 16px | 1.5 |
| 48px | 18px | 2.6667 |
下方常用值区列出 8、12、14、16、18、20、24、32、48、64px，并按当前基准重新换算。这个区域最多显示 3 位小数；点击其中一项会把对应 PX 写入主输入框，因此它与上方 4 位小数的显示精度可能不同。
指南
按步骤完成操作，并通过示例核对输入与结果。
查看项目根元素最终计算得到的 font-size，把像素数填入“基准像素”。没有额外设置且只想按页面预设换算时，可保留 16。
设计稿给出像素值时填写左侧“像素（px）”；已有 REM 值时直接填写右侧“REM”。另一侧数值会随输入变化。
长小数会显示到 4 位。若团队的代码规范只允许 2 位或 3 位小数，应在写入样式前按项目规则再次舍入，并核对由此产生的像素差。
点击对应输入框内的复制按钮。复制内容只有数值，不会自动附加 px、rem 或完整 CSS 声明。
场景
查看这项工具在不同工作与生活流程中的用法。
前端拿到 14px 正文、24px 标题和 32px 间距等标注后，可固定同一个根字号逐项换算，再把结果录入项目的字号或间距令牌。常用值区适合快速核对这些重复尺寸。
若测试环境把根字号从 16px 调到 18px，可修改基准并观察同一 PX 标注对应的 REM 数值变化。结果用于数值换算，不会模拟媒体查询、缩放设置或整个页面布局。
代码评审看到 1.125rem 时，可在右侧输入并按项目根字号反算像素。根字号 16px 时结果是 18px，便于与设计稿标注对照。
问答
集中解答高频疑问与容易混淆的问题。
REM 固定参照根元素字号，而 EM 的参照会随使用位置变化。这个页面的目标单位是 REM，所以“基准像素”应填写根字号，不能拿某个父元素字号代替。
16px 只是页面默认基准。根元素字号、用户设置和样式规则都可能改变实际参照值；只要基准不是 16，1rem 对应的 PX 就会随之改变。
需要先补上单位或属性。复制按钮只复制诸如 1.5 的数字；写成声明时还需组合为 font-size: 1.5rem; 等项目所需格式。
须知
使用前了解适用范围、结果限制与必要提醒。
基准像素应是非零正数。基准留空或填 0 时，页面会按默认 16 计算；负基准或负长度虽可能产生数值，却通常不适合作为字号，是否允许负长度还取决于具体 CSS 属性。
页面一次处理一组数值，不会扫描或批量改写 CSS 文件。PX 指 CSS 像素而不是屏幕硬件像素；REM 换算也不能单独预测缩放、最小字号限制、继承规则或最终布局效果。落地前仍需在目标页面和浏览器中检查。
推荐
查找相关工具、专题与可用的 API 能力。
