这个工具是什么
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 / rootFontSize。095 与 096 复用同一套单位转换逻辑,显示时限制合理小数位并去除末尾多余的 0。浏览器默认根字号通常为 16px,但项目 CSS 和用户设置可能不同,转换时应使用实际基准。
常见用途
- 把设计稿中的像素尺寸改为 rem。
- 统一项目中的间距与字号单位。
- 核对不同根字号对换算结果的影响。
隐私说明
所有输入、计算、CSS 生成和预览都在当前浏览器中完成,不会上传用户内容,不使用后台、数据库、在线 API 或第三方 CDN,也不会自动保存您的输入。
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 时则相对于父级计算字号。