用CSS3calc进行不太积极的编译

Question

用CSS3calc进行不太积极的编译

这个较少我正在使用的编译器(OrangeBits和非点式1.3.0.5)正在积极地翻译

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

进

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

这显然是不想要的。我想知道是否有一种方法可以向较少的编译器发出信号，在编译期间基本上忽略该属性。我已经搜索了较少的文档和两个编译器的文档，但是我什么也找不到。

更少或更少的编译器支持这一点吗？

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

Answer 1

不再计算内部表达式calc默认情况下，因为v3.00.原答案(Less v1.x...2.x):这样做：body { width: calc(~"100% - 250px - 1.5em"); }在减1.4.0中，我们将有一个strictMaths选项，该选项要求所有较少的计算都在括号内，因此calc会“开箱即用”。这是一个选择，因为这是一个重大的重大变化。默认情况下，1.4.0的早期Betas有此选项。默认情况下，发布版本会关闭它。

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); }