css - 无法确认为什么我的 css calc 无效

Question

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

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

我需要捕获视口(viewport)的完整尺寸，即 100vw，然后除以 100。因此，如果屏幕为 1600px，则应解析为 16，然后乘以 1.2，现在为 19.2，最后乘以 1vw 进行转换它到 19.2vw。我无法确认的问题是第一次计算是解析为整数 (16) 还是度量值 (16px)。如果是前者，那么我不知道为什么这不起作用。如果是后者，我该如何解决这个问题？

Answer 1

参见 MDN关于计算:

Multiplication. At least one of the arguments must be a number.

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