常用对照表 (基于 16px 根字体)
| REM | PX |
|---|---|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 0.875rem | 14px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 3rem | 48px |
| 4rem | 64px |
关于 REM 和 PX
REM (Root EM) 是CSS中相对于根元素<html>字体大小的单位。浏览器默认根字体大小为16px。
PX (Pixel) 是CSS中的绝对像素单位,表示屏幕上的一个物理或逻辑像素。
换算公式:
REM → PX: rem值 × 根字体大小 = px值
PX → REM: px值 ÷ 根字体大小 = rem值
使用REM可以让你的网页在不同设备和字体设置下保持比例一致,是现代响应式设计的推荐做法。
什么是REM ↔ PX 转换器
REM ↔ PX 转换器是一款免费在线REM与PX像素转换器,输入根字体大小即可快速换算rem和px值。支持自定义根字号(默认16px),双向实时转换,一键复制转换结果。前端开发者做响应式布局和移动端rem适配时的必备CSS...。该工具完全在浏览器端运行,无需安装软件,无需注册,打开即用。所有数据仅在本地处理,不上传服务器。
使用场景
- 前端开发时快速生成CSS代码片段
- 设计稿调整时尝试不同配色和效果
- 学习CSS时实时预览效果
- 移动端查看效果,不用开编辑器
工具特点
- 完全免费:无注册无限制
- 隐私安全:数据不上传
- 跨平台:任何浏览器可用
- 零依赖:打开即用