flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注︶本文中の﹁コンテナ﹂﹁アイテム﹂について 本文中でいう﹁コンテナ﹂﹁アイテム﹂は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題︵Safari︶ Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定︵デフォ値なので、指定がなければそのままでOK︶ Safari10にて修正済み︵つまり、SierraとiOS 10以降では対応不要︶ 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
