这个工具是什么
px to rem 按根元素字体大小把像素值转换为 rem。默认基准是 16px,您可以修改为 10、14、18 或其他大于 0 的数值,以匹配项目样式。
如何使用
- 输入需要转换的 px 数值。
- 设置项目实际的 Root Font Size,必须大于 0。
- 查看换算结果与计算说明。
- 复制 rem 结果,或清空后处理其他尺寸。
使用示例
- 32px ÷ 16px = 2rem。
- 24px ÷ 16px = 1.5rem。
- 20px ÷ 10px = 2rem。
计算原理
rem = px ÷ 根字号。例如根字号为 16px 时,24px = 1.5rem。浏览器默认根字号通常为 16px,但网站样式和用户设置可能不同,请使用实际基准。
常见用途
- 把设计稿中的像素尺寸改为 rem。
- 统一项目中的间距与字号单位。
- 核对不同根字号对换算结果的影响。
隐私说明
输入与结果仅在您的浏览器中处理,不会上传或自动保存。需要保留结果时,请复制并自行保存。
FAQ
rem 是什么?
rem 是相对于文档根元素字体大小的 CSS 长度单位,通常根元素为 html。
1rem 等于多少 px?
取决于根字号。根字号为 16px 时 1rem = 16px,根字号为 10px 时 1rem = 10px。
为什么不能把 Root Font Size 设为 0?
px 转 rem 需要除以根字号,零会导致除零,负数也不是合法的字体大小。
rem 和 em 有什么区别?
rem 以根元素字号为基准;em 通常与当前元素字体大小有关,设置 font-size 时则相对于父级计算字号。