最近在用less的时候发现CSS3的calc函数计算时会出现问题。
问题
.mkt-hover{
width: calc(100% - 16px);
}
但是less自己就把它当表达式计算掉了,导致到浏览器那变成了
.mkt-hover{
width: calc(84%);
}
解决方法
把calc()里面的表达式加上~用””包起来。
.mkt-hover{
width: calc(~"100% - 16px");
}
版权声明:本文为canglingyue原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。