less中解决CSS3的calc计算出错

最近在用less的时候发现CSS3的calc函数计算时会出现问题。

问题

   .mkt-hover{
      width: calc(100% - 16px);
    }

• 1
• 2
• 3

但是less自己就把它当表达式计算掉了，导致到浏览器那变成了

   .mkt-hover{
      width: calc(84%);
    }

• 1
• 2
• 3

解决方法

把calc（）里面的表达式加上~用”“包起来。

    .mkt-hover{
      width: calc(~"100% - 16px");
    }