rem 转 百分比
一个根据给定 rem 尺寸和基准尺寸计算百分比的转换器,使测量结果具备响应式特性
快捷键
C
计算并复制计算结果。
V
计算结果。
B
复制计算结果。
R
将转换器切换为「百分比 转 REM」。
Q
聚焦「REM」输入框。
W
聚焦「REM 大小」输入框。
E
聚焦「基础大小」输入框。
FAQ
如何将 REM 转换为百分比?
要将 rem 转换为百分比,您需要知道 1 REM 的总大小(默认 16px)和基准大小 然后套用公式:((rem * rem 大小) / 基准) * 100 例如,1rem = 16px、基准 = 1000px 时,1rem 转换结果为:((1 * 16) / 1000) * 100 = 1.6%
REM 转百分比的公式是什么?
((rem * rem 大小) / 基准) * 100
什么是rem单位?
REM是相对于根元素的字体大小定义的。根元素通过:root伪类或html选择器来匹配。因此,1 REM取的是根元素font-size所赋的值。这意味着1 REM在你的整个CSS代码中保持相同的值。
rem 大小为 16px、基准大小为 1000px 时的 REM 转百分比换算表
| rem | percentage |
|---|---|
| 1rem | 1.6% |
| 2rem | 3.2% |
| 3rem | 4.8% |
| 4rem | 6.4% |
| 5rem | 8% |
| 6rem | 9.6% |
| 7rem | 11.2% |
| 8rem | 12.8% |
| 9rem | 14.4% |
| 10rem | 16% |
| 11rem | 17.6% |
| 12rem | 19.2% |
| 13rem | 20.8% |
| 14rem | 22.4% |
| 15rem | 24% |
| 16rem | 25.6% |
| 17rem | 27.2% |
| 18rem | 28.8% |
| 19rem | 30.4% |
| 20rem | 32% |
| 21rem | 33.6% |
| 22rem | 35.2% |
| 23rem | 36.8% |
| 24rem | 38.4% |
| 25rem | 40% |
更多 REM 和 百分比 转换

