rem 转 vh
一个根据给定 rem 尺寸和视口高度计算 vh 的转换器,使测量结果具备响应式特性
快捷键
C
计算并复制计算结果。
V
计算结果。
B
复制计算结果。
R
将转换器切换为「VH 转 REM」。
Q
聚焦「REM」输入框。
W
聚焦「REM 大小」输入框。
E
聚焦「视口高度」输入框。
FAQ
如何将 REM 转换为 VH?
要将 rem 转换为 vh,您需要知道 1 REM 的总大小(默认 16px)和视口高度 然后套用公式:((rem * rem 大小) / vh) * 100 例如,1rem = 16px、视口高度 = 1000px 时,1rem 转换结果为:((1 * 16) / 1000) = 1.6vh
REM 转 VH 的公式是什么?
((rem * rem 大小) / vh) * 100
什么是rem单位?
REM是相对于根元素的字体大小定义的。根元素通过:root伪类或html选择器来匹配。因此,1 REM取的是根元素font-size所赋的值。这意味着1 REM在你的整个CSS代码中保持相同的值。
rem 大小为 16px、视口高度为 1080px 时的 REM 转 VH 换算表
| rem | vh |
|---|---|
| 1rem | 1.481vh |
| 2rem | 2.963vh |
| 3rem | 4.444vh |
| 4rem | 5.926vh |
| 5rem | 7.407vh |
| 6rem | 8.889vh |
| 7rem | 10.37vh |
| 8rem | 11.852vh |
| 9rem | 13.333vh |
| 10rem | 14.815vh |
| 11rem | 16.296vh |
| 12rem | 17.778vh |
| 13rem | 19.259vh |
| 14rem | 20.741vh |
| 15rem | 22.222vh |
| 16rem | 23.704vh |
| 17rem | 25.185vh |
| 18rem | 26.667vh |
| 19rem | 28.148vh |
| 20rem | 29.63vh |
| 21rem | 31.111vh |
| 22rem | 32.593vh |
| 23rem | 34.074vh |
| 24rem | 35.556vh |
| 25rem | 37.037vh |
更多 REM 和 VH 转换

