禁用LESS-CSS覆盖calc（）

Question

现在，我正在尝试用我的LESS代码在CSS3中执行此操作：

width: calc(100% - 200px);

但是，LESS编译时将输出以下内容：

width: calc(-100%);

有没有办法告诉LESS不要以这种方式编译它并正常输出它？

Answer 1

使用[转义字符串（也称为转义值）：

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

另外，如果您需要将Less Math与转义字符串混合使用：

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

编译为：

width: calc(100% - 15rem + 15px + 2em);

默认情况下，这作为“少”将值（转义的字符串和数学结果）连接在一起时起作用。