无法确认我的css计算无效的原因



我正在为一个绝对定位元素的left属性编写一个计算。在阅读了语法之后,我唯一能想到的就是我试图将两个不同的单位相乘,但我找不到证实,因为我认为第一次计算会解析为整数。

left: calc(1vw * ((100vw / 100) * 1.2));

我需要捕捉视口的全尺寸,使其为100vw,然后将其除以100。因此,如果屏幕是1600px,那么它应该解析为16,然后乘以1.2,现在它是19.2,最后乘以1vw,将其转换为19.2vw。我无法确认的问题是,第一次计算是解析为整数(16(还是测量值(16px(。如果是前者,那么我不知道为什么这不起作用。如果是后者,我该如何绕过它?

参见计算中的MDN:

乘法。至少有一个参数必须是数字。

您的表达式正试图将1vw乘以另一个vw量,因此无效。

最新更新