css - 如何防止 Less 尝试编译 CSS calc() 属性？

Question

Less我正在使用的编译器(OrangeBits 和 dotless 1.3.0.5)正在积极翻译

body { width: calc(100% - 250px - 1.5em); }

进入

body { width: calc(-151.5%); }

这显然不是我们想要的。我想知道是否有一种方法可以向 Less 编译器发出信号，使其在编译期间基本上忽略该属性。我搜索了 Less 文档和两个编译器的文档，但找不到任何内容。

Less 或 Less 编译器是否支持此功能？

如果没有，是否有 CSS 扩展器可以做到？

Answer 1

默认情况下，自v3.00 起，Less 不再计算calc 中的表达式。 .

---

原始答案(Less v1.x...2.x):

这样做:

body { width: calc(~"100% - 250px - 1.5em"); }

在 Less 1.4.0 中，我们将有一个 strictMaths 选项，它要求所有 Less 计算都在括号内，因此 calc 将“开箱即用”地工作盒子”。这是一个选项，因为它是一个重大的突破性变化。 1.4.0 的早期测试版默认启用此选项。发布版本默认关闭它。