rem 转 px

一个根据给定 rem 尺寸计算 px 值的转换器,用于测量像素数

REM
REM 大小

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

将转换器切换为「PX 转 REM」。

Q

聚焦「REM」输入框。

W

聚焦「REM 大小」输入框。

扩展

FAQ

如何将 REM 转换为 PX?

要将 rem 转换为 px,您需要知道 1 REM 的总大小,默认值为 16px 然后套用公式:rem * rem 大小 例如,1rem 为 16px 时,2rem 转换结果为:2 * 16 = 32px

REM 转 PX 的公式是什么?

rem * rem 大小

什么是rem单位?

REM是相对于根元素的字体大小定义的。根元素通过:root伪类或html选择器来匹配。因此,1 REM取的是根元素font-size所赋的值。这意味着1 REM在你的整个CSS代码中保持相同的值。

什么是px单位?(像素)

像素单位理论上是计算机屏幕上显示的最小的点。 如今,像素单位在物理分辨率和逻辑分辨率之间可能有所不同。 这种差异被称为设备像素比(DPR): 逻辑分辨率 = 物理分辨率 / 设备像素比。 因此,物理分辨率为1024x768、DPR为2的屏幕,其逻辑分辨率为512x384。

rem 大小为 16px 时的 REM 转 PX 换算表

rempx
1rem16px
2rem32px
3rem48px
4rem64px
5rem80px
6rem96px
7rem112px
8rem128px
9rem144px
10rem160px
11rem176px
12rem192px
13rem208px
14rem224px
15rem240px
16rem256px
17rem272px
18rem288px
19rem304px
20rem320px
21rem336px
22rem352px
23rem368px
24rem384px
25rem400px

更多 REM 和 PX 转换

rem 转 px