Naoki Otsu

Flexboxの子要素がインラインだとiOS8などで要素が消えちゃう問題

2017-04-30

Flexboxの子要素にインライン要素(spanとかaタグ)を使用する事があって、
主要ブラウザの確認では特に問題なかったので普通に使えるんだろうと思ってましたが、
iOS8やAndroid4.2以下辺りではその子要素が消えてしまうようで..勉強不足でした..><

子要素に対して、 display: block; を入れて解決でした。
inline-blockでもいいのかな。