em 转 vh

一个根据给定 em 大小和视口高度将 em 转换为 vh 的转换器,用于实现响应式测量

EM
EM 大小
视口高度

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

将转换器切换为「VH 转 EM」。

Q

聚焦「EM」输入框。

W

聚焦「EM 大小」输入框。

E

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

FAQ

如何将 EM 转换为 VH?

将 em 转换为 vh,需要知道 1 EM 的总大小(默认为 16px)和视口高度 然后应用公式:((em * em 大小) / vh) * 100 例如,当 1em 为 16px、视口高度为 1000px 时,1em 将转换为:((1 * 16) / 1000) = 1.6vh

EM 转 VH 的公式是什么?

((em * em 大小) / vh) * 100

什么是 em 单位?

EM 的定义相对于父元素的字体大小。因此,1 EM 的值等于父元素 font-size 属性所设置的值。

什么是vh单位?(视口高度)

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

em 大小为 16px、视口高度为 1080px 时的 EM 至 VH 换算表

emvh
1em1.481vh
2em2.963vh
3em4.444vh
4em5.926vh
5em7.407vh
6em8.889vh
7em10.37vh
8em11.852vh
9em13.333vh
10em14.815vh
11em16.296vh
12em17.778vh
13em19.259vh
14em20.741vh
15em22.222vh
16em23.704vh
17em25.185vh
18em26.667vh
19em28.148vh
20em29.63vh
21em31.111vh
22em32.593vh
23em34.074vh
24em35.556vh
25em37.037vh

更多 EM 和 VH 转换

em 转 vh