IEレスポンシブ時、flexの縦均等配置が効かなかっかので対処法

Internet Explorer

See the Pen YEKYqz by ore (@ore_new) on CodePen.

簡単に説明すると親要素Flexの中に3つの子要素が入っていて、均等配置されています。
これをIE11で確認したところ、画像縦のautoが聞かず、画像は等倍で縮小されますが、ボックスの高さが変わらず、画像の下に余白ができてしまいました。

スポンサードリンク

以下のようにして解決しました。

See the Pen YEKYqz by ore (@ore_new) on CodePen.

IE全体に対して

を適用してみたところ、IE11できちんとレスポンシブされるようになりました。
これが正解なのかは……全部検証してませんが。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください