vw 转 em

根据给定的 em 大小和视口宽度,将 vw 转换为 em 的转换器,使测量结果具有响应性

视口宽度
VW 单位
EM 大小

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

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

Q

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

W

聚焦「VW 单位」输入框。

E

聚焦「EM 大小」输入框。

FAQ

如何将 VW 转换为 EM?

要将 vw 转换为 em,需要知道 1 EM 的总大小(默认为 16px)以及视口宽度 然后应用公式:((vw * 视口总宽度) / 100) / em 大小 例如,1em 为 16px、视口宽度为 1920px 时,5vw 将转换为:((5 * 1920) / 100) / 16 = 6em

VW 转换为 EM 的公式是什么?

((vw * 视口总宽度) / 100) / em 大小

什么是 em 单位?

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

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

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

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

vwem
1vw1.2em
2vw2.4em
3vw3.6em
4vw4.8em
5vw6em
6vw7.2em
7vw8.4em
8vw9.6em
9vw10.8em
10vw12em
11vw13.2em
12vw14.4em
13vw15.6em
14vw16.8em
15vw18em
16vw19.2em
17vw20.4em
18vw21.6em
19vw22.8em
20vw24em
21vw25.2em
22vw26.4em
23vw27.6em
24vw28.8em
25vw30em

更多 VW 和 EM 转换

vw 转 em