This question already has answers here:
CSS Grid Layout not working in IE11 even with prefixes
                                
                                    (4个答案)
                                
                        
                        
                            Browser support for CSS Grid
                                
                                    (1个答案)
                                
                        
                                2年前关闭。
            
                    
我正在尝试使用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上工作?

最佳答案

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

IMO,您可以使用flex编写后备样式以支持较旧的浏览器,但可以在较新的浏览器上获得CSS网格的优势。

10-05 20:40
查看更多