px与rem转换
px 和 rem/em 互转。
这个工具能做什么
这个工具做的事很直接：在 px 和 rem、em 之间互相换算。前端拿到的设计稿标注基本都是 px，但为了做响应式、让整站能随根字号一起缩放，样式里又常常需要写成 rem。逐个拿计算器除以 16 既慢又容易抄错小数位，尤其是 13px、18px、22px 这种除不尽的值。填入 px 值和基准字号就能立刻得到对应的 rem/em，反过来把 rem 还原成 px 做校对也一样。
css 单位转换的核心只有一条公式：rem 值 = px 值 ÷ 根字号，px 值 = rem 值 × 根字号。这里的根字号指 html 元素的 font-size，浏览器默认是 16px，所以 16px = 1rem、8px = 0.5rem。rem 是 root em 的缩写，永远相对根元素计算；em 则相对元素自身的 font-size（用在 font-size 属性上时相对父元素），所以同样的数值在不同嵌套层级下换算出的 px 可能不同。工具默认按 16px 计算，你也可以改成项目里实际设定的根字号，比如 font-size: 62.5% 对应的 10px。
最典型的场景是把设计稿的 px 落地成 CSS：设计师给了 20px 的标题间距，按 16px 基准做 px 转 rem 就是 1.25rem，直接写进样式即可。另一种常见做法是在 html 上设 font-size: 62.5%，让 1rem 恰好等于 10px，这样 12px 就是 1.2rem、15px 就是 1.5rem，心算和转换都省事，把工具的基准字号设成 10 就能对上。反向的 rem 转 px 也常用到——review 代码或调试时看到 0.875rem，想知道它到底是多少像素，除一下得到 14px。
使用时要分清 rem 和 em：rem 只认根元素，布局尺寸用它更可控；em 会随父级 font-size 逐层累积，嵌套多了容易失控（父子元素都写 1.2em 会相乘），更适合做与当前字号绑定的间距。css 单位转换的结果可能出现无限小数（如 13px ÷ 16 = 0.8125rem），多数情况保留 3 到 4 位小数不影响渲染，不必强行凑整。还要注意 rem 缩放的是相对值，并不会自动适配所有屏幕，只有配合媒体查询或视口单位去调整根字号，整站的 rem 尺寸才谈得上响应式。
px与rem转换是一个免费的在线工具，打开网页就能用，不用下载也不用注册。平时大家搜的“px转rem”、“rem转px”、“px转em”，说的都是这个。
常见使用场景
- 把设计稿标注的 px 间距转成 rem 写进样式
- 按 62.5% 根字号把 px 快速换算成 rem
- 调试时把 rem 反算成 px 核对实际像素
- 统一项目里字号和间距的 rem 单位
- 把媒体查询里的 px 断点换算成 em
使用方法
- 把内容粘贴到输入框（生成类工具直接设置选项）。
- 按需要选择选项，点操作按钮。
- 结果出现在下方，点「复制结果」即可带走。