css - 编译的 SCSS 在这种样式上抛出错误“-ms-grid-columns: (1fr)[2];”

Question

我从一开始就一直在使用flexbox。从几个月前开始，我一直在尝试调整 CSS Grid。我一直在从事这个最近的项目，并且在从 SCSS 编译的 CSS 中遇到如下错误；

-ms-grid-columns: (1fr)[2];
 grid-template-columns: repeat(2, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
 align-items: center;

如果 CSS 不支持它，我似乎无法理解为什么 SASS 会编译这样的供应商前缀。

看这条线，这是这里的关键问题；

-ms-grid-columns: (1fr)[2];

你能解释一下吗？我会很感激的！:)

标签： csssassgridvendor-prefix