px = 1rem
结果
1rem
结果
16px
本地处理
常用值 基准为 16px
| px | rem |
|---|
关于此工具
rem（root em）是相对于根 <html> 元素字号的 CSS 长度单位，而 px 是绝对的设备像素。在浏览器默认的 16px 根字号下，1rem 等于 16px，因此 24px 是 1.5rem，10px 是 0.625rem。由于 rem 随根字号缩放，更改基准会一次性重新计算每个 rem 值——本转换器让你设定该基准并在两个方向上转换数值。
用它来将基于 px 的设计系统迁移到可缩放的 rem 单位，设定能够尊重用户浏览器字号设置的排版和间距，检查 Tailwind 或设计令牌的比例尺，或逆向推算他人样式表中某个 rem 声明背后的像素值。参考表让你一眼看到在所选基准下常见 px 档位对应的 rem 等值。
rem 相对于根元素（<html>）的字号，而非父元素——这正是它与 em 的唯一区别，em 相对于其自身的父元素。
常见问题
如何将 px 转换为 rem？
用像素值除以根字号。在默认的 16px 根字号下，24px ÷ 16 = 1.5rem，10px ÷ 16 = 0.625rem。更改基准后，同一个 px 值会对应到不同的 rem。
1rem 始终等于 16px 吗？
只有当根字号为浏览器默认的 16px 时才如此。1rem 等于设置在 <html> 元素上的字号，因此如果根字号为 10px，那么 1rem 就是 10px。
rem 和 em 有什么区别？
rem 始终相对于根元素（<html>）的字号，因此在整个页面中保持一致。em 相对于其自身元素/父元素的字号，因此嵌套的 em 值会累加并可能产生偏移。