CSS calc（）函数中的Sass变量在IE中不起作用

我有一个calc函数，如下所示，但它似乎在IE中不起作用

在My_spacing.scss样式表中：

$spacing-unit: 1em
$component-padding: calc(2* #{$spacing-unit});

在my8布局scss样式表中：

.conainer {
   width: calc(100% - (2 * #{$component-padding}));
   max-width: 75rem;
   margin-left:auto;
   margin-right:auto;
}

编译时，它编译为：

.container {
  calc(100% - 2*calc(2*1em)));
  ...
 }

---

这似乎有点奇怪，你的主要问题是。这并不是说它不支持它，但是您必须从表达式中省略

calc

。所以IE11不会尊重

calc（100%-2*calc（2*1em））

，但它应该尊重

calc（100%-2*1em））

---

作为第二个注意事项，虽然它不应该是一个令人担忧的问题，但是在

calc

表达式中，有一些运算符的周围空白很重要。因此，.

似乎不受支持/正确支持。您应该先检查它是否兼容，然后再询问是否有问题。

$component padding

var中有什么内容？什么版本的IE？什么是“不工作”的意思？编译后的CSS是什么样子的？FWIW，我可以使用它并没有表明calc是完全不受支持的，而是部分受支持的。我验证了它可以在IE11中工作，并显示有人也在做同样的事情。然而，如果没有更多的信息，社区无法为您提供多少指导。