代码之家  ›  专栏  ›  技术社区  ›  DavidDunham

IE11中的CSS网格自动流

  •  3
  • DavidDunham  · 技术社区  · 6 年前

    我试图使以下示例在IE 11中起作用: https://dojo.telerik.com/ariSElEj

    在普通浏览器中看起来是这样的: enter image description here

    我的CSS:

    .wrapper {
        display: grid;
        grid-template-rows: repeat(6, 100px);
        grid-auto-flow: column;
        grid-auto-columns: 33.3333%;
    }
    * {box-sizing: border-box;}
    
    .wrapper {
        border: 2px solid #f76707;
        border-radius: 5px;
        background-color: #fff4e6;
    }
    
    .wrapper > div {
        border: 2px solid #ffa94d;
        border-radius: 5px;
        background-color: #ffd8a8;
        padding: 1em;
        color: #d9480f;
    }
    

    IE 11只是忽略了CSS并显示了一列。

    在IE中是否有这样的布局,对CSS的更改最少?或者,是否有人建议像此示例一样使用“特定于浏览器的HTML”-> How to display browser specific HTML?

    0 回复  |  直到 6 年前