[CSS] display: gridの罠
CSS3の新しめのプロパティがIE11で動作しないのはよくある話。(Flexboxとか、Object-fitとか)
Flexboxについてはこのへんが参考になる。
- 【2019年版】Flexboxの対応ブラウザとベンダープレフィックスまとめ(https://webdesign-trends.net/entry/8257)
- flexboxのバグに立ち向かう(flexboxバグまとめ)(https://qiita.com/hashrock/items/189db03021b0f565ae27)
当然Gridも例外ではない。
こいつはFlexboxよりさらに新しいレイアウトモジュールで、現状IE11で用意されてるベンダープレフィックスのグリッドの考え方が実際のものと全然違うという恐ろしい罠がある。
IE11対応すると記述量はかなり増える。
ただ実際便利なので、IEでの動作には注意がいるが使っていって損はないんじゃないかと思う。
あと上の記事みて初めて知ったんだけど、Autoprefixerとかいう便利なものがあるのね・・・