3

图片

在 100vw(100% 宽度)中将 45px/45em/45rem 转换为 vw 的计算方法是什么?可以用css完成吗?

font-size:calc(calculation for 45px to vw in 100vw);

font-size:calc(calculation for 45em to vw in 100vw);

font-size:calc(calculation for 45rem to vw in 100vw);

4

1 回答 1

1

.ha{
 font-size: calc(100vw / 45);
}
<a class='ha'>Hello World</a>

calc()函数执行计算以用作属性值。
要计算 vw,我们可以将 100vw 除以您要求的 px。

1px = (100vw / [document.documentElement.clientWidth] px)

例如——如果你的视口是 500px 宽(根据定义等于 100vw),那么


视口宽度 = (100vw / 45px) = 2.2vw

于 2019-11-02T08:05:11.643 回答