一尘不染

使用CSS3 calc进行不太积极的编译

css

我正在使用的Less编译器OrangeBits和dotless1.3.0.5正在积极地进行翻译

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

进入

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

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

更少或更少的编译器是否支持此功能?

如果没有,是否有CSS扩展器呢?


阅读 332

收藏
2020-05-16

共1个答案

一尘不染

calc由于,默认情况下,Less不再计算内部表达式v3.00


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

做这个:

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

在Less1.4.0中,我们将提供一个strictMaths选项,要求所有Less计算都放在方括号内,因此calc“开箱即用”即可使用。这是一个重大突破,因此是一个选择。1.4.0的早期测试版默认情况下启用此选项。发行版本默认情况下将其关闭。

2020-05-16