正確LESS CSS計算語法

Question

我有設置一個百分比的變量：

@var-a: 50%; 

，另一個是固定寬度：

@var-b: 100px; 

我想計算@ VAR-C如下：

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

我預計50像素，但實際上得到5000px。我究竟做錯了什麼？

Answer 1

較少的計算使用數字而不考慮單位。如果你知道@var-a將在百分比，你可能只是做這樣的事情：

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

使用unit()允許您控制輸出單元。

如果@var-a不是百分比，那麼您也可以使用警衛來做其他事情。