rem 转 px
一个根据给定 rem 尺寸计算 px 值的转换器,用于测量像素数
快捷键
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 换算表
| rem | px |
|---|---|
| 1rem | 16px |
| 2rem | 32px |
| 3rem | 48px |
| 4rem | 64px |
| 5rem | 80px |
| 6rem | 96px |
| 7rem | 112px |
| 8rem | 128px |
| 9rem | 144px |
| 10rem | 160px |
| 11rem | 176px |
| 12rem | 192px |
| 13rem | 208px |
| 14rem | 224px |
| 15rem | 240px |
| 16rem | 256px |
| 17rem | 272px |
| 18rem | 288px |
| 19rem | 304px |
| 20rem | 320px |
| 21rem | 336px |
| 22rem | 352px |
| 23rem | 368px |
| 24rem | 384px |
| 25rem | 400px |
更多 REM 和 PX 转换


