px 转 rem
一个根据给定 rem 尺寸从 px 计算 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 转换表
| px | rem |
|---|---|
| 10px | 0.625rem |
| 20px | 1.25rem |
| 30px | 1.875rem |
| 40px | 2.5rem |
| 50px | 3.125rem |
| 60px | 3.75rem |
| 70px | 4.375rem |
| 80px | 5rem |
| 90px | 5.625rem |
| 100px | 6.25rem |
| 110px | 6.875rem |
| 120px | 7.5rem |
| 130px | 8.125rem |
| 140px | 8.75rem |
| 150px | 9.375rem |
| 160px | 10rem |
| 170px | 10.625rem |
| 180px | 11.25rem |
| 190px | 11.875rem |
| 200px | 12.5rem |
| 210px | 13.125rem |
| 220px | 13.75rem |
| 230px | 14.375rem |
| 240px | 15rem |
| 250px | 15.625rem |
更多 PX 和 REM 转换


