less - 对于某些风格，我如何才能少去忽略数学？

Question

我正在使用calcCSS 中的新函数来获取对象的宽度，如下所示：

width: calc(100% - 40px);

不幸的是，由于这是在 LESS 文件中，因此 LESS 在编译期间“有帮助”将其预转换为 60%。

我不想在calc函数中忽略数学，因为我需要浏览器来做这个计算，而不是更少。

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

Answer 1

通过转义字符串使用它：

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

纯粹作为 CSS 输出：

width: calc(100% - 40px);

而不是预先计算width: calc(60%)（正如您所经历的那样）。

注意：如果设置了严格数学模式， LESS 1.4+ 不需要这个转义字符串，因为所有“数学”都需要自己的括号来触发。因此，该模式下的 LESS 1.4+ 可以像您最初拥有的那样使用，如果您希望它进行数学运算，则需要额外的括号和如下函数：.unit()width: calc((100% - unit(40px)));