vh 转 百分比
一个根据给定的视口高度和基准大小,将 vh 换算为百分比的转换器,使测量值具有响应式适应性
快捷键
C
计算并复制计算结果。
V
计算结果。
B
复制计算结果。
R
将转换器切换为「百分比 转 VH」。
Q
聚焦「视口高度」输入框。
W
聚焦「VH 单位」输入框。
E
聚焦「基础大小」输入框。
FAQ
如何将 VH 转换为百分比?
要将 vh 转换为百分比,您需要知道基准的总大小以及视口高度的大小 然后,只需应用公式:((vh * 视口总高度) / 100 / 基准) * 100 例如,基准为 1000px,视口高度为 1080px 时,5vh 将被转换为:((5 * 1080) / 100 / 1000) * 100 = 5.4%
VH 转百分比的公式是什么?
((vh * 视口总高度) / 100 / 基准) * 100
什么是vh单位?(视口高度)
视口高度(VH)用于响应式设计,是相对于网页显示区域(称为视口)的一个单位。 1vh相当于显示区域的1%。因此,要让一个元素达到全高,你应该使用100vh。 你也可以使用小数值。请注意,根据浏览器的不同,小数精度可能会有所变化。
VH 转百分比换算表(视口高度为 1080px,基准大小为 1000px)
| vh | percentage |
|---|---|
| 1vh | 1.08% |
| 2vh | 2.16% |
| 3vh | 3.24% |
| 4vh | 4.32% |
| 5vh | 5.4% |
| 6vh | 6.48% |
| 7vh | 7.56% |
| 8vh | 8.64% |
| 9vh | 9.72% |
| 10vh | 10.8% |
| 11vh | 11.88% |
| 12vh | 12.96% |
| 13vh | 14.04% |
| 14vh | 15.12% |
| 15vh | 16.2% |
| 16vh | 17.28% |
| 17vh | 18.36% |
| 18vh | 19.44% |
| 19vh | 20.52% |
| 20vh | 21.6% |
| 21vh | 22.68% |
| 22vh | 23.76% |
| 23vh | 24.84% |
| 24vh | 25.92% |
| 25vh | 27% |
更多 VH 和 百分比 转换

