px 与 rem 换算
设好根字号(1rem 等于多少 px),输入一个或多个数值,马上得到 px 与 rem 的对应关系。计算是精确的,不会出现 0.30000000000000004 这样的尾巴。
使用限制
- rem 是相对于根元素(
html)字号的单位,本工具只做数学换算:rem = px ÷ 根字号。它不读取你网站的实际样式。 - 最多保留 6 位小数(四舍五入);除不尽时结果前会加“≈”。
em是相对于父元素字号的单位,换算取决于上下文,这里不支持;如果父元素字号等于根字号,可以把 em 当 rem 用。- 用户在浏览器里调大默认字号时,rem 会跟着变大而 px 不会,这是 rem 的意义所在,换算表无法反映这种变化。
- 根字号必须是大于 0 的数字;不识别的数值会在表里标出,不会静默忽略。
| 输入 | px | rem |
|---|
常用 px 对照表(按当前根字号)
| px | rem |
|---|
使用方法
- 先确认“根字号”。浏览器默认的根字号是 16px,所以 1rem = 16px;如果你的样式里把
html的字号改成了别的值(例如 62.5% 对应 10px),就填那个 px 数。 - 输入数值:
24px或1.5rem,多个用空格隔开,如12px 14px 16px。不写单位的数字按下拉框的选择处理。 - 点“换算”,表格里同时给出 px 和 rem;下面的对照可以一键复制。
例:基准 16 时 24px = 1.5rem、1rem = 16px、13px = 0.8125rem;基准 10 时 1.6rem = 16px。
常见问题
为什么有人把 html 的字号设成 62.5%?
浏览器默认 16px,62.5% 就是 10px,于是 1rem = 10px,换算只需要挪小数点。代价是需要给正文重新设置字号。
px 和 rem 应该用哪个?
想让文字、间距随用户的字号偏好缩放(无障碍)就用 rem;边框、阴影这类细节通常用 px。
我的数据会被上传吗?
不会,计算在你的浏览器里完成。