结果

REM 转像素换算

1.5 rem = 24 px

输入 REM 数值	1.5
根字号	16 px
换算后的像素值	24 px

常用 REM 转像素对照

Based on your root font size of 16 px

REM	像素
0.25 rem	4 px
0.5 rem	8 px
0.75 rem	12 px
0.875 rem	14 px
1 rem	16 px
1.125 rem	18 px
1.25 rem	20 px
1.5 rem	24 px
1.875 rem	30 px
2 rem	32 px
2.25 rem	36 px
2.5 rem	40 px
3 rem	48 px
4 rem	64 px
5 rem	80 px

全部展开 ↓

什么是 REM 转 PX 换算工具？

REM 转 PX 换算工具能够把相对单位 REM（root em）转换为像素单位 PX。在网页开发中，REM 是一种相对单位，它以根元素的字号为基准（通常指 <html> 元素），而 PX 则是绝对单位。借助这款工具，开发者既能保持页面布局的可缩放性与无障碍体验，又能清楚地知道每个 REM 值实际对应多少像素。

什么时候需要用到 REM 转 PX 换算工具？

在以下几种场景中，这款工具尤其实用：

开发响应式网站时，需要在相对单位与绝对单位之间进行换算
使用以 REM 为单位的设计系统，但需要对照具体的像素值时
根据以像素为单位标注的设计稿（mockup）进行还原，而你更习惯用 REM 来写代码时

REM 转 PX 怎么算？

从 REM 换算到 PX 的公式非常简单：

PX = REM × 根字号

其中：

PX 是换算得到的像素值
REM 是待换算的相对单位数值
根字号是 html 元素的基准字号（大多数浏览器的默认值通常为 16px）

由此可见，REM 的实际大小取决于根元素的 font-size。也就是说，如果你在 CSS 中为 <html> 设置了 16px 的字号，比如下面这样：

html { font-size: 16px; }

那么此时 1rem = 16px。

换算示例

基础 REM 转 PX 换算

在默认根字号 16px 的情况下，将 1.5rem 换算为像素。

REM 数值	根字号	计算过程	结果
1.5rem	16px	1.5 × 16	24px

批量换算多个 REM 值

在根字号为 16px 的情况下，将 0.75rem、2rem 和 3.5rem 分别换算为像素。

REM 数值	根字号	计算过程	结果
0.75rem	16px	0.75 × 16	12px
2rem	16px	2 × 16	32px
3.5rem	16px	3.5 × 16	56px

自定义根字号

在自定义根字号 20px 的情况下，将 2.5rem 换算为像素。

REM 数值	根字号	计算过程	结果
2.5rem	20px	2.5 × 20	50px

常用 REM 转 PX 对照表

下面是常见 REM 数值换算为像素的对照表（以默认根字号 16px 为基准）：

REM 数值	像素值
0.25 rem	4 px
0.5 rem	8 px
0.75 rem	12 px
0.875 rem	14 px
1 rem	16 px
1.125 rem	18 px
1.25 rem	20 px
1.5 rem	24 px
1.875 rem	30 px
2 rem	32 px
2.25 rem	36 px
2.5 rem	40 px
3 rem	48 px
4 rem	64 px
5 rem	80 px

REM 转 PX 换算工具

输入计算

数学公式

结果