calc()在less中编译报错

calc()对你们来讲，或许很陌生，不太会相信calc()是css中的部分。由于看其外表像个函数，既然是函数为什么又出如今CSS中呢？

calc() 函数用于动态计算长度值。

• 须要注意的是，运算符先后都须要保留一个空格，例如：width: calc(100% - 10px)；
• 任何长度值均可以使用calc()函数进行计算；
• calc()函数支持 "+", "-", "*", "/" 运算；
• calc()函数使用标准的数学运算优先级规则；

 

问题

width: calc(100vh - 50px);
// 编译后
width: calc(50vh);

注：当时我就郁闷了，怎么会产生这样的现象呢？后来各类查，是因为less的计算方式跟calc方法有重叠，二者在一块儿有冲突

解决方法

width: calc(~"100vh - 50px");