rem 转 百分比

一个根据给定 rem 尺寸和基准尺寸计算百分比的转换器,使测量结果具备响应式特性

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代码中保持相同的值。

什么是%单位?(百分比)

百分比是以100为分母表示的一个数字或比率,通常用百分号(%)表示。百分比是一个无量纲的数字,主要用于表示比例,但从拼写和用法上看,百分比仍是一种计量单位。 在CSS中,它常用于将尺寸定义为相对于元素的父元素。例如,如果父元素的尺寸是1000px,那么1%就等于10px,即1% = 10px。

rem 大小为 16px、基准大小为 1000px 时的 REM 转百分比换算表

rempercentage
1rem1.6%
2rem3.2%
3rem4.8%
4rem6.4%
5rem8%
6rem9.6%
7rem11.2%
8rem12.8%
9rem14.4%
10rem16%
11rem17.6%
12rem19.2%
13rem20.8%
14rem22.4%
15rem24%
16rem25.6%
17rem27.2%
18rem28.8%
19rem30.4%
20rem32%
21rem33.6%
22rem35.2%
23rem36.8%
24rem38.4%
25rem40%

更多 REM 和 百分比 转换

rem 转 百分比