記述次第でAutoprefixerいらず？！CSS Grid LayoutのIE11対応方法と未サポートブラウザのフォールバック例 | フロントエンドBlog | ミツエーリンクス
特に労力がかかるのがIE11ではGirdアイテムの配置で、-ms-grid-columnと-ms-grid-column-spanを適宜追記しなくてはならない点でしょう。 .grid-item { /* IE10+での指定 */ -ms-grid-column: 1; -ms-grid-column-span: 2; /* モダンブラウザでの指定 */ grid-column: 1 / 3; } そこで登場するのがIE11でのCSS Grid Layoutサポートの強い味方、Autoprefixerです。 AutoprefixerでIE11のCSS Grid Layoutの対応が楽に Autoprefixerの最新版（2018年6月現在ではv8.6.4）は、IE11用のCSS Grid Layoutプロパティの追記はもちろんのこと、grid-areaの自動変換やIE11では未サポートである
＜IE11対応＞実務で使うGridレイアウト【環境構築編（gulp）】
皆さん、Gridレイアウト使ってますか？ こう質問すると割と「使ってるよー」と答える方も多いかもしれません。 では「受託制作の実務現場でGridレイアウト使ってますか？」と質問したらどうでしょう？ おそらく「バリバリ使ってるよー」という人の割合はグッと減るのではないかと思います。 私も、勉強はしていますがまだ実務での実戦投入は見送っています。 理由はいわずもがな「IE11」の呪いが解けていないからです。 事業会社のように自分のwebサービスを展開している現場であれば自己判断でIE11を切るのも自由ですが、これが受託制作の現場になると、話は別です。 IE11を切るにはクライアントの説得が必要になります。 うまく説得できれば良いですが、 MicrosoftのIE11サポートが2025年まで続く 日本におけるIE11のシェアがまだ10%近くある 中国、インドなどの途上国でもまだ古いWindows
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
