减去css:' calc(x + y)'输出' calc(z)'而不仅仅是' z'

时间:2016-09-20 09:02:11

标签: less

我有以下css规则:

@somevar = 8px
.someclass { width: calc(8px + @somevar); }

处理完成后(lessc 2.7.1),输出:

.someclass { width: calc(16px); }

但是' calc()'旧浏览器忽略了操作,这里显然不需要它,因为没有什么可以计算的。

那么如何才能输出

.someclass { width: 16px; }

1 个答案:

答案 0 :(得分:3)

如果您不希望calc出现在输出中,请不要将其包含在输入中。

正如评论中指出的那样,较少的编译器不需要calc,它是一个css函数。

所以这会奏效:

@somevar: 16px;
.someclass { width: 16px + @somevar; }

输出:

.someclass { width: 32px; }