css - 有没有办法从CSS中的calc函数中删除单位

Question

我目前正在使用以下规则:

margin-left: calc(((100vw - 624px) / 144) * 5);

在 1200 像素的视口(viewport)宽度下，这给出了 20 像素的值。然而，我实际上想要的是获得 20% 的结果。理想情况下，这意味着将“5”的倍增因子从整数更改为“5%”。但为了做到这一点，我需要从其余计算中删除单位，以便 calc 处理 4 * 5% 而不是 4px * 5。

在 SASS 中我可以除以 1px，但在 calc 中你只能除以一个数字，而不是一个联合值。

有没有办法从计算函数的一部分中删除单位？

Answer 1

有一个strip-unit SASS 和其他 CSS 预处理器的函数，但 CSS3 中没有可比较的函数。