Less中使用calc()的坑

前端开发者们对于calc()已经不陌生了，它是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来计算元素的长度。

使用示例如下：

div {
  height: calc(100vh - 88px);
}

需要注意的只有一点：

中间的运算符两头都要有空格！！！

同样的代码写在less中，就出现问题了。最终结果可能变成了：

div {
  height: calc(12vh);
}

这时候，需要换成下面的这种写法：

div {
  height: calc(~"100vh - 88px");
}

以上就是less中使用calc()的一个小坑。