rem 转 vw

一个根据给定 rem 尺寸和视口宽度计算 vw 的转换器,使测量结果具备响应式特性

REM
REM 大小
视口宽度

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

将转换器切换为「VW 转 REM」。

Q

聚焦「REM」输入框。

W

聚焦「REM 大小」输入框。

E

聚焦「视口宽度」输入框。

FAQ

如何将 REM 转换为 VW?

要将 rem 转换为 vw,您需要知道 1 REM 的总大小(默认 16px)和视口宽度 然后套用公式:((rem * rem 大小) / vw) * 100 例如,1rem = 16px、视口宽度 = 1920px 时,1rem 转换结果为:((1 * 16) / 1920) = 0.833vw

REM 转 VW 的公式是什么?

((rem * rem 大小) / vw) * 100

什么是rem单位?

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

什么是vw单位?(视口宽度)

视口宽度(VW)用于响应式设计,是相对于网页显示区域(称为视口)的一个单位。 1vw相当于显示区域的1%。因此,要让一个元素达到全宽,你应该使用100vw。 你也可以使用小数值。请注意,根据浏览器的不同,小数精度可能会有所变化。

rem 大小为 16px、视口宽度为 1920px 时的 REM 转 VW 换算表

remvw
1rem0.833vw
2rem1.667vw
3rem2.5vw
4rem3.333vw
5rem4.167vw
6rem5vw
7rem5.833vw
8rem6.667vw
9rem7.5vw
10rem8.333vw
11rem9.167vw
12rem10vw
13rem10.833vw
14rem11.667vw
15rem12.5vw
16rem13.333vw
17rem14.167vw
18rem15vw
19rem15.833vw
20rem16.667vw
21rem17.5vw
22rem18.333vw
23rem19.167vw
24rem20vw
25rem20.833vw

更多 REM 和 VW 转换

rem 转 vw