较少的calc函数在添加期间将px转换为em

时间:2018-01-14 18:51:50

标签: css less calc

我正在尝试使用CSS calc函数来计算我网页上不同单位的大小。

我有一些以em表示的元素高度。我想为它添加一些像素。

calc(3em + 10px)

令人惊讶的是,LESS生成的结果是calc(13em)。为什么呢?

1 个答案:

答案 0 :(得分:1)

这是你的LESS积极地将calc编译成一个固定值,而它应该按原样输出CSS calc,并让浏览器在运行时进行数学运算。

至于为什么它会返回13em,这几乎就是在javascript中10 + '20'返回一个值为1020的字符串。

您需要打开strictMaths,并在需要实际编译值时使用其他(“不必要的”)括号。

阅读有关strictMaths in Less

的文档