less - 正确的 LESS CSS 计算语法

Question

我有一个设置百分比的变量：

@var-a: 50%;

另一个是固定宽度：

@var-b: 100px;

我想计算@var-c 如下：

@var-c: (@var-a * @var-b);

我预计是 50 像素，但实际上得到了 5000 像素。我究竟做错了什么？

Answer 1

无论单位如何，较少的计算都使用数字。如果你知道这@var-a将是百分比，你可以这样做：

@var-c: unit(@var-a / 100 * @var-b, px);

usingunit()允许您控制输出单元。

@var-a如果不是百分比，您还可以使用警卫来做其他事情。