sass：用像素计算百分比

Question

在一种情况下，我需要在计算中将百分比变量与像素结合起来。

注意这与在生成的 css 中保持混合单位无关，因此 calc 不起作用。

$fooPercent: 40%;

.abc {
  width: 100% - $fooPercent; // This works
}
.bar {
  width: 100px * (100% - $fooPercent);  // Intend to get 60px
}

Answer 1

将百分比除以 100% 应该会给你一个小数，然后你可以乘以像素值。

width: 100px * ((100% - $fooPercent) / 100%)