less中解决CSS3的calc计算出错

in css with 0 comment views: 468 times

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

问题

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

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

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

解决方法

把calc()里面的表达式加上~用""包起来。

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

less中解决CSS3的calc计算出错

Responses