Less calc计算出错

284 阅读1分钟

问题

Less在处理calc计算时,把calc当成表达式,导致浏览器输出的值有违本意,如下

width: calc(50% - 8px);

浏览器输出

width: calc(42%);

解决方案

把calc括号内的表达式加上~“”包起来,如下

width: calc(~"50% - 8px");