SakuraWi - BLog

みんなのウェディングのエンジニア。聴いたお話をまとめておく倉庫的な。スタックストックスタック!

【gridlayout】-ms-gridが適用されない問題対応


grid layoutのcssをIE11に適用ようとした備忘録

      display: -ms-grid;
      display: grid;
      grid-template-columns: 25% 25% 25% 25%;
      -ms-grid-template-columns: repeat(3, 25%);

こんな感じで当てようとしたらあたりません。

CSS Grid Layout Module(IE対応) | CodeCode

IE11はprefixが必要

まだ完全に対応していません。

Can I use... Support tables for HTML5, CSS3, etc

しかしただつけるだけではだめ

      grid-template-columns: 25% 25% 25% 25%;
      -ms-grid-columns: 25% 25% 25% 25%;

template-columnsに対応する修正には、そのまま-ms-をつけるだけではダメでした。鬼かな?

IE11 で CSS Grid を使うのが大変だった - Corredor ここにまとまっているものを全て目は通して修正しましょう。