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

Question

我在CSS中使用新的calc函数来获取对象的宽度，如：

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+不需要此转义字符串如果设置了 strict-math 模式，因为所有“math”都需要自己的括号来触发。因此，该模式中的LESS 1.4+可以用于，因为您最初使用它，如果您想要进行数学计算，则需要额外的括号和{{1像这样的函数：unit()。