rem 转 vw
一个根据给定 rem 尺寸和视口宽度计算 vw 的转换器,使测量结果具备响应式特性
快捷键
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代码中保持相同的值。
rem 大小为 16px、视口宽度为 1920px 时的 REM 转 VW 换算表
| rem | vw |
|---|---|
| 1rem | 0.833vw |
| 2rem | 1.667vw |
| 3rem | 2.5vw |
| 4rem | 3.333vw |
| 5rem | 4.167vw |
| 6rem | 5vw |
| 7rem | 5.833vw |
| 8rem | 6.667vw |
| 9rem | 7.5vw |
| 10rem | 8.333vw |
| 11rem | 9.167vw |
| 12rem | 10vw |
| 13rem | 10.833vw |
| 14rem | 11.667vw |
| 15rem | 12.5vw |
| 16rem | 13.333vw |
| 17rem | 14.167vw |
| 18rem | 15vw |
| 19rem | 15.833vw |
| 20rem | 16.667vw |
| 21rem | 17.5vw |
| 22rem | 18.333vw |
| 23rem | 19.167vw |
| 24rem | 20vw |
| 25rem | 20.833vw |
更多 REM 和 VW 转换

