我怎样才能指示较少忽略某些样式的数学？

Question

我calc在CSS中使用新函数来获取对象的宽度,如下所示:

width: calc(100% - 40px);

不幸的是,由于这是在一个LESS文件中,LESS在编译期间"有用"地将其预转换为60%.

calc因为我需要浏览器来进行这种计算,所以我希望在函数中忽略数学,而不是更少.

无论如何,我可以让LESS忽略这个计算,所以我可以直接将它传递给浏览器？

Answer 1

通过转义字符串使用它:

width: ~"calc(100% - 40px)";

纯粹作为CSS的输出:

width: calc(100% - 40px);

而不是预先计算width: calc(60%)(正如您所经历的).

注意:如果设置了strict-math模式,则LESS 1.4+不需要此转义字符串,因为所有"math"都需要自己的括号来触发.在该模式下所以欠1.4+可以用来作为你原本有它,如果你想要它做数学题,就需要额外的括号和一个像这样的功能:.unit()width: calc((100% - unit(40px)));