PX 转 REM 转换器
在 CSS 像素 (px) 和 rem 单位之间转换，支持自定义基础字号。包含 1px 到 32px 的快速参考表。响应式网页设计的必备工具。
参数
要转换的数值。
根字体大小（以像素为单位）（默认浏览器为 16px）
选择 px 转 rem 或 rem 转 px。
结果
16px = 1rem (at 16px base)
其他结果 (2)
font-size: 1rem; /* 16px */
即用型 CSS 声明
px | rem ---|--- 1 | 0.0625 2 | 0.1250 3 | 0.1875 4 | 0.2500 5 | 0.3125 6 | 0.3750 7 | 0.4375 8 | 0.5000 9 | 0.5625 10 | 0.6250 11 | 0.6875 12 | 0.7500 13 | 0.8125 14 | 0.8750 15 | 0.9375 16 | 1.0000 17 | 1.0625 18 | 1.1250 19 | 1.1875 20 | 1.2500 21 | 1.3125 22 | 1.3750 23 | 1.4375 24 | 1.5000 25 | 1.5625 26 | 1.6250 27 | 1.6875 28 | 1.7500 29 | 1.8125 30 | 1.8750 31 | 1.9375 32 | 2.0000
Reference table: pixels to rem at 16px base
为什么选择 PX 转 REM 转换器
Px 到 Rem 转换器可立即在像素和 rem CSS 单位之间进行转换，以实现响应式网页设计。输入任意值和基本字体大小，然后获取转换结果以及即用型 CSS 代码片段和快速参考表。
- ✓使用任何基本字体大小将 px 转换为 rem 并将 rem 转换为 px
- ✓生成可复制的 CSS 代码片段
- ✓包括 1 像素到 32 像素的快速参考表
- ✓支持小数值以进行精确转换
使用步骤
- 1输入您要转换的值
- 2设置基本字体大小（默认为16px，浏览器默认）
- 3选择转换方向：px 到 rem 或 rem 到 px
- 4查看转换后的值和CSS代码片段
- 5使用参考表快速查找常见转换
常见问题 (FAQ)
CSS中的rem单位是什么？
rem (root em) 是相对于根元素 (html) 字体大小的 CSS 单位。与相对于父元素的 em 不同，rem 始终引用相同的基值，这使得跨嵌套元素的大小调整更加可预测。
为什么我应该使用 rem 而不是 px？
当用户更改浏览器字体大小以实现可访问性时，使用 rem 可以让您的设计按比例缩放。像素是绝对单位，不响应用户偏好，而 rem 尊重根字体大小设置。
浏览器中的默认基本字体大小是多少？
All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.
如何将 24px 转换为 rem？
To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.
我可以更改项目的基本字体大小吗？
Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.
权威参考资料
相关工具
继续探索同一场景下的实用工具。