AutoPrefixer不适用于CSS网格

Question

我使用Angular CLI创建了一个新的angular项目：6.0.8

我想使用支持IE 11的CSS Grid创建一个网站，该网站使用了已经捆绑在Angular项目中的自动前缀。

我的第一步是将浏览器规则添加到package.json文件

  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]

然后我将以下HTML添加到app.component.html文件

<div class="example">
  <div class="children">
    1
  </div>
  <div class="children">
    2
  </div>
  <div class="children">
    3
  </div>
  <div class="children">
    4
  </div>
</div>

然后将此CSS移至app.component.css文件

.example{
    display: grid;
    grid-template-columns: 20px 100px 35px 12px;
}

这在所有现代浏览器中都很好用。它们按预期方式渲染了我的网格。

但是在IE11中，它呈现不正确

我知道自动前缀处理程序正在执行其工作，因为如果您检查IE中的元素，则会看到以下内容。

编辑：

此问题不是CSS Grid Layout not working in Edge and IE 11 even with -ms prefix

的重复项

他的问题是IE 11不支持他使用的网格规范。使用autoprefixer的全部要点是，因此我不必担心。我知道有些事情不会延续，但是我写的基本网格东西确实是DOES，并且预先进行了适当的供应商修复。但这仍然无法正常工作，这就是为什么我发布了这个问题。请从标题中删除重复项或链接到实际重复项。该链接无法解决我的问题。