こんばんはばさっちです。 IE11でブラウザチェックして本当に嫌になるのが、游ゴシックとflexboxバグです。 コーディングしてるとつい忘れて使ってしまうんですが、今後忘れないためにも 対処法を書いておきいたいと思います。 ■游ゴシック問題(IE11で游ゴシックを使うと上下の予約が若干上づまりになる。) boxなどで囲んである場合などは非常に目立つので対処が必要になるのですが、いつも私はIEのみ別途でCSSを書いています。 結構手間かかるんですけどね… 游ゴシック使いたいからしょうがないです。 書き方はこんな感じです。 ——————————————- @media all and (-ms-high-contrast:none){ } —————————————— ■flexbox(min-heightとの組み合わせで使うとバグる) これも忘れてしまってよくやってしまうのですが、メイン画像などでflexboxとmin-heightを組み合わせて配置しようとすると、IE11だけ上手くいかない… 調べてみると、flexboxとmin-heightの相性が悪いみたいなので、ハックでtable-cellを使うとか、divを1つ追加するなど対処法はいくらでもあるようですが、 僕の場合はたぶん一番簡単なmin-heightを指定しない方法を選んでいます。 その他大小いろいろなバグがありますが、どうしても許せないのがこの2つ!!! どうにか対応してほしいと思っています。
Staff blog