Html IE11的CSS网格自动重复列flexbox替代方案

我在我的网站上有以下布局

.container{
宽度：100%；
最小高度：100vh；
显示：网格；
网格模板列：重复（自动填充，最小值（350px，1fr））；
网格模板行：最大内容；
}
.项目{
背景：红色；
边框：1px纯黑；
高度：350px；
}

1.
2.
3.
4.
5.
6.
7.
8.
9

您检查过这个吗

使用-ms栅格行和-ms栅格列属性

---

可能会帮助您

我尝试用IE 11测试您的示例，并用它做了一些测试

然后我尝试这样设置flexflex:flex:033.3333%在项中使其在IE 11中工作

修改代码：

页面标题
.集装箱{
宽度：100%；
最小高度：100vh；
显示器：flex；
柔性包装：包装；
}
.项目{
背景：红色；
边框：1px纯黑；
高度：350px；
弹性：弹性：0.33.3333%；；
最小宽度：350px；
}
1.
2.
3.
4.
5.
6.
7.
8.
9

是的，不幸的是，这不起作用。

repeat（）

在IE11中不受支持。请允许我检查其他选项。避免在IE中使用

flex

速记属性。不幸的是，这不起作用，因为我希望正方形填满浏览器的整个宽度（请注意您在顶行最后一个红色框之间显示的间隙）