ie11中的CSS网格具有较少的mixins

Question

对于IE11，有没有人看到css网格mixins更少。 我尝试使用网格但是在IE11上编写所有前缀太难了。我谈到这个：

-ms-grid-row: 1;
-ms-grid-column: 3;
-ms-grid-column-span: 2;

grid-column: 3 ~'/' 5;
grid-row: 1;

有生命危险吗？

Codepen - ＆gt; https://codepen.io/Muskos/pen/vpLeJg

Answer 1

如果我理解你所有你需要的是：

.grid-mixin(@row, @column-start, @column-span, @row-span, @column-end: @column-start + @column-span, @row-end: @row + @row-span){
  -ms-grid-row: @row;
  -ms-grid-row-span: @row-span;
  -ms-grid-column: @column-start;
  -ms-grid-column-span: @column-span;

  grid-column: @column-start ~'/' @column-end;
  grid-row:  @row ~'/' @row-end;
}

并且在需​​要时您只需要将其称为：

.grid-mixin(1,3,2,1);

您可以在此处尝试此解决方案：https://codepen.io/Muskos/pen/vpLeJg?editors=1100

此外，如果您使用gulp，webpack等，请使用Autoprefixer。已经有3年了，我们不必将任何供应商前缀放入CSS中。只需编写标准CSS，其余工具即可完成。