html - IE11 的网格模板列？

Question

所以我有这个网站可以在 chrome 上运行良好，但不能在 IE11 上运行。我检查了他在 IE11 中没有收到哪些 CSS，我发现一旦我关闭：grid-template-columns在我的 chrome 网站中，它的作用与在 IE11 中相同。它不再将元素彼此相邻，因为列上的宽度设置为 100% 来自外部文件。我想这可能会改变，但我想知道是否有办法让这种行为在 IE11 中起作用？代码是：

grid-template-columns: repeat(3,1fr);

我发现IE11确实不支持它：

https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns

标签： htmlcss

Answer 1

尝试

 -ms-grid-columns: ( 1fr 1em )[3];

或者

-ms-grid-columns:1fr 1em 1fr 1em 1fr;

并且对于每个网格项目

-ms-grid-column:1;  -ms-grid-column:3; -ms-grid-column:5;