IE11 的網格模板列？

Question

所以我有這個網站可以在 chrome 上運行良好，但不能在 IE11 上運行。 我檢查了他在 IE11 中沒有收到哪個 CSS，我發現一旦我在我的 chrome 網站中關閉： grid-template-columns ，它的作用與 IE11 中的相同。 它不再將元素彼此相鄰，因為列上的寬度設置為 100% 來自外部文件。 我想這可能會改變，但我想知道是否有辦法讓這種行為在 IE11 中起作用？ 代碼是：

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

我發現IE11確實不支持它：

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

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;