less - 在将其添加到“calc()”函数之前强制变量进行编译

时间:2018-04-15 11:17:49

标签: css less

我的问题:有没有办法强制较少的编译器预先计算特定变量的数学

我的问题: (简化示例 - 请忽略代码的有用性)

首先尝试:

@font-size-min: 16px;
@font-size-max: 18px;

body {
    font-size: calc((100vw - @font-size-min) / (@font-size-max - @font-size-min));
}


//result (compiled css):
font-size: calc((100vw - 16px) / (18px - 16px));

这个css抛出一个我真不理解的错误,但是分隔符状态后的括号:“无效值”。 到目前为止,我已在Chrome和Firefox中测试过它。

第二次尝试:

@font-size-min: 16px;
@font-size-max: 18px;
@font-size-diff: (@font-size-max - @font-size-min); //should be 2

body {
    font-size: calc((100vw - @font-size-min) / @font-size-diff);    //removed the brackets to avoid the error
}


//result (compiled css):
font-size: calc((100vw - 16px) / (18px - 16px));
O.o waiiit一秒钟,没有做任何事情。 所以现在我在这里找到你的帮助^^。

在传递其值之前,是否有办法强制“@ font-size-diff”进行预编译?

我用手写方法解决了这个问题atm,这个计算值非常耗时。

谢谢大家的时间,祝你有个愉快的一天。

0 个答案:

没有答案