less中解决CSS3的calc计算出错

  • Post author:
  • Post category:其他


最近在用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计算出错



版权声明:本文为canglingyue原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。