如何在IE11中使用CSS网格填充空间？

Question

我这样设置CSS：

.container {
  display: grid;
  grid-template-rows: auto 1fr 7%;
}

我去了https://autoprefixer.github.io/，将其转换为：

.container {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr 7%;
    grid-template-rows: auto 1fr 7%;
}

最初基本上忽略了1fr，因此第二行是其自然高度。特定于ms的代码使第一行消失了，第二行失去了100％的宽度，然后什么都没有了。边缘，镀铬等完全不受预期变化的影响。不确定在这里获得100％填充的正确方法。