较少的css乘以变量与百分比

Question

可以将变量转换为百分比吗？ 以下不起作用我在生成的css

中得到计算（1675％）

@hex-width : 67px;
margin: 1px calc(25% * @hex-width);

Answer 1

只需使用十进制表示法：

@hex-width : 67px;
margin: 1px calc(0.25 * @hex-width);

Answer 2

我认为你的意思是：

margin: 1px ~"calc(25% * @{hex-width})";

将输出

margin: 1px calc(25% * 67px);

请注意，这与使用float 0.25不同！上面的CSS将获得父级宽度的四分之一，并将其​​与67px相乘。

要了解LESS中发生的情况，请参阅the documentation。首先，您覆盖less的自己的calc函数：您希望按原样回显calc（）。但是，您仍然希望在其中使用变量，因此您使用String interpolation。