css - 在 Edge 上以不同方式计算的 CSS calc 值

Question

我有这个 scss 代码片段：

@include flex(1 1 calc((1 * (100% + (2 * #{$spec_grid_outerMargin})) / 3) - #{$spec_grid_outerMargin}));

在我本地机器上的 Edge 开发控制台中，这被翻译为：

flex: 1 1 calc((1 * (100% + (2 * 1.125rem)) / 3) - 1.125rem)

在开发环境（与本地版本相同）上显示：

flex: 1 1 calc((100% + 2.25rem)/3 - 1.125rem)

在开发环境中，这会导致布局错误。这个片段怎么会以不同的方式被解释呢？

标签： csssassmicrosoft-edgescss-mixinscss-calc