em 转 vw

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

EM
EM 大小
视口宽度

快捷键

C

计算并复制计算结果。

V

计算结果。

B

复制计算结果。

R

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

Q

聚焦「EM」输入框。

W

聚焦「EM 大小」输入框。

E

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

FAQ

如何将 EM 转换为 VW?

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

EM 转 VW 的公式是什么?

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

什么是 em 单位?

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

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

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

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

emvw
1em0.833vw
2em1.667vw
3em2.5vw
4em3.333vw
5em4.167vw
6em5vw
7em5.833vw
8em6.667vw
9em7.5vw
10em8.333vw
11em9.167vw
12em10vw
13em10.833vw
14em11.667vw
15em12.5vw
16em13.333vw
17em14.167vw
18em15vw
19em15.833vw
20em16.667vw
21em17.5vw
22em18.333vw
23em19.167vw
24em20vw
25em20.833vw

更多 EM 和 VW 转换

em 转 vw