如何使用IE11重写带有网格区域的CSS网格声明

Question

我有一个方便的Container组件，它定义了一个网格，该网格将中间所有列中的所有子级包装起来，用作最大宽度的容器。该组件可以选择指定子项来中断最大宽度的容器，并从第一列开始到最后一列结束。

有关更多说明，请参见此博客文章：https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/

例如，参见此Codepen： https://codepen.io/tylersticka/full/wdmymG/

我确信旧的IE 10和IE 11规范将具有覆盖新规范的属性的属性，但是在IE 11中进行测试时我没有任何运气。需要修改以在IE 11中复制网格区域？

.grid-container {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1120px) [main-end] minmax(0, 1fr)
[full-end];

  grid-template-columns:
    [full-start] minmax(0, 1fr) [main-start] minmax(0, 1120px) [main-end] minmax(0, 1fr) [full-end];

  > * {
    grid-column: main;
    padding: 0 16px;
  }
}

.full-width {
  grid-column: full;
}

来源：

https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/

https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/

https://autoprefixer.github.io/