我的问题:有没有办法强制较少的编译器预先计算特定变量的数学
我的问题: (简化示例 - 请忽略代码的有用性)
首先尝试:
@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,这个计算值非常耗时。
谢谢大家的时间,祝你有个愉快的一天。