如何让CSS网格在IE上运行？

Question

我正在尝试使用CSS网格在我的页面上创建一些列，但我不能让它在IE上工作。

这是我的CSS，它在Chrome和Firefox上运行良好。

.wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    grid-auto-flow: dense;
    margin: 1em auto;
    padding-left: 10px;
    padding-right: 15px;
    font-size: 12px;
}

是否可以将此CSS转换为适用于IE？

Answer 1

您可以使用-ms-前缀在IE＆gt; = 11中获得CSS网格的部分支持。 Reference

IMO您可以使用flex编写回退样式以支持旧浏览器，并在新版本上获得CSS网格的优势。