我正在尝试使用CSS calc
函数来计算我网页上不同单位的大小。
我有一些以em
表示的元素高度。我想为它添加一些像素。
calc(3em + 10px)
令人惊讶的是,LESS生成的结果是calc(13em)
。为什么呢?
答案 0 :(得分:1)
这是你的LESS积极地将calc编译成一个固定值,而它应该按原样输出CSS calc,并让浏览器在运行时进行数学运算。
至于为什么它会返回13em,这几乎就是在javascript中10 + '20'返回一个值为1020的字符串。
您需要打开strictMaths,并在需要实际编译值时使用其他(“不必要的”)括号。
阅读有关strictMaths in Less。
的文档