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

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

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

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

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

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

如果没有,是否有一个CSS扩展程序呢?

做这个..

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

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

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

人们可以这样做:

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

有几个逃跑的选项,结果相同:

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