Css calc例程使用较少的

有没有一种方法可以用更少的内存使用css calc（）例程

如果我转到并键入以下输入（这只是常规css规则）：

但是，输出应该完全相同（因为它是常规css）

较少编译器生成的css输出是

width:calc（-350%）

有什么方法可以让它工作吗？
值：

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

不过，在LESS 1.4中，转义是不必要的，因为只有当计算被括号包围时，才会进行计算。例如：

prop: 20 + 10px;    ->  prop: 20 + 10px;
prop: (2 + 10px);   ->  prop: 12px;
prop: func(1 + 2);  ->  prop: func(1 + 2);
prop: func((1 + 2));->  prop: func(3);

如果您想在LESS表达式中进行计算（除了实际的css calc），您可以很快陷入这样一个无法读取的混乱中：

 @width: 85;
 left: ~'calc('((100vw - @width) / 2)~')';

这导致：

 left: calc( 7.5vw );

left: calc(7.5vw);

如果没有添加空格，我无法找到这样做的方法

因此，更易于阅读的方法是只创建一个中间变量：

 @left: ((100vw - @width) / 2);
 left: ~'calc(@{left})';

其结果是：

 left: calc( 7.5vw );

left: calc(7.5vw);

+1谢谢，还有，有什么方法可以在表达式中使用更少的变量吗？或者是推它吗？@Danield你的意思是
~“calc（100%-@{varname}）”
？是的，其中varname是一个更少的变量variable@Danield是的，我给你的例子很有用。这不是一个问题，而是一个伪装成问题的答案；）@Danield将计算放在转义字符串之外：
@varname:@othervarname*3为什么不是这个？左：~'calc（（100vw-@{width}）/2））；