问题

编写Less时使用calc:

1
width: calc(100% - 30px);

会被编译成:

1
width: calc(100%);

解决方法

写为如下形式可解决:

1
width: calc(~"100% - 30px");

如写入变量:

1
2
3
4
5
6
@a: 30px;
width: calc(~"100% - " + @a);

width: calc(~"100% - " @a);

width: calc(~"100% - @{a}");