CSS Grid Layout はIE/Edgeで何とかなるのか？という声が多い件 - 40代からのフロントエンドエンジニアリング。一昨日書いた CSS Talk vol.3 において、私のセッション後の質疑応答やアンケートの意見で「IEだとしんどいのか」「IEって結局非対応？」という声が非常に多かったです。 IEのシェアは世界規模だと1割を切っている所まで低下していますが日本だとまだまだ多く(3月現在で約24％・StatCounter調べ)、Webサイト制作やアプリ開発などで気にされる方もまだまだ多いようです。 ということで、IE/Edgeでの対応について改めて調べ直しました。 ……先に結論。 相当しんどい。 Microsoftのサイトの「グリッドレイアウト」を見るとIE10からの対応となっているのですが、ベンダープレフィックスをつけるだけでなくプロパティ名が違うものも幾つかあったり。 以下にIE/Edge対応のための書き換えの一部を記載します。 親要素 display:grid → display: -ms-gri
