用CSS3 calc进行更少的积极编译

我正在使用的较少编译器（ OrangeBits和无点1.3.0.5 ）正在积极地进行翻译

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

成

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

这显然是不希望的。 我想知道是否有一种方法，以信号的Less编译器本质上忽略编译过程中的属性。 我已经通过Less文档搜索和两个编译器的文档，我找不到任何东西。

少或少的编译器支持这个？

如果没有，是否有一个CSS扩展程序呢？

Answer 1

做这个..

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

在less.js 1.4.0中，我们将有一个strictMaths选项，这个选项要求所有的计算都在括号内，所以calc会“开箱即用”。 这是一个选择，因为这是一个重大的突破。 1.4.0的早期版本默认有这个选项。 发行版本默认关闭。

Answer 2

calc的一个非常常见的用例是100％的宽度，并在元素周围增加一些边距。

人们可以这样做：

 @someMarginVariable = 15px; margin: @someMarginVariable; width: calc(~"100% - "@someMarginVariable*2); width: -moz-calc(~"100% - "@someMarginVariable*2); width: -webkit-calc(~"100% - "@someMarginVariable*2); 

Answer 3

有几个逃跑的选项，结果相同：

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