百分比 转 rem

一个根据给定rem大小和基础大小从百分比计算rem的转换器,使测量具有响应性

百分比 (%)
基础大小
REM 大小

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

将转换器切换为「REM 转 百分比」。

Q

聚焦「百分比 (%)」输入框。

W

聚焦「基础大小」输入框。

E

聚焦「REM 大小」输入框。

FAQ

如何将百分比转换为REM?

要将百分比转换为rem,您需要知道1 REM的总大小(默认为16px)和基础大小 然后,只需应用公式:((percent * base) / 100) / rem size 例如,1rem为16px、基础为1000px时,10%将被转换为:((10 * 1000) / 100) / 16 = 6.25rem

百分比转REM的公式是什么?

((percent * base) / 100) / rem 大小

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

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

什么是rem单位?

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

基础大小为1000px且rem大小为16px时的百分比到REM转换表

percentagerem
1%0.625rem
2%1.25rem
3%1.875rem
4%2.5rem
5%3.125rem
6%3.75rem
7%4.375rem
8%5rem
9%5.625rem
10%6.25rem
11%6.875rem
12%7.5rem
13%8.125rem
14%8.75rem
15%9.375rem
16%10rem
17%10.625rem
18%11.25rem
19%11.875rem
20%12.5rem
21%13.125rem
22%13.75rem
23%14.375rem
24%15rem
25%15.625rem

更多 百分比 和 REM 转换

百分比 转 rem