px 转 rem

一个根据给定 rem 尺寸从 px 计算 rem 的转换器,使测量具有响应性

像素
REM 大小

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

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

Q

聚焦「像素」输入框。

W

聚焦「REM 大小」输入框。

扩展

FAQ

如何将 PX 转换为 REM?

要将 px 转换为 rem,需要知道 1 REM 的总尺寸,默认为 16px 然后,应用公式:px / rem 例如,1rem 为 16px 时,32px 将转换为:32 / 16 = 2rem

PX 到 REM 的公式是什么?

px / rem

什么是rem单位?

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

什么是px单位?(像素)

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

rem 尺寸为 16px 时的 PX 到 REM 转换表

pxrem
10px0.625rem
20px1.25rem
30px1.875rem
40px2.5rem
50px3.125rem
60px3.75rem
70px4.375rem
80px5rem
90px5.625rem
100px6.25rem
110px6.875rem
120px7.5rem
130px8.125rem
140px8.75rem
150px9.375rem
160px10rem
170px10.625rem
180px11.25rem
190px11.875rem
200px12.5rem
210px13.125rem
220px13.75rem
230px14.375rem
240px15rem
250px15.625rem

更多 PX 和 REM 转换

px 转 rem