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;