flexbox使ってますか？バグつらいですね。必死に組んだレイアウトがIE11で崩れる様を見て、膝から崩れ落ちたことは何度もあります。

Solved by Flexboxの作者でもある、philipwaltonさんのflexbugsという素晴らしいflexboxのバグまとめがあるんですが、いかんせん分量が多くて読むのが辛いです。

そこで、今回はflexbugsに上がっているバグのスクショを一覧にしました（flexbugsはMITライセンス）。実際にバグってる表示と見比べることで、どのバグを食らっているのか、手がかりになるのではないでしょうか。

詳しい解説については、本家で見てください。また、IE10のみで起こるバグについては省略していますので、不幸にも対応の必要がある方はやっぱり本家を見てください。issue上の議論も参考になるでしょう。かなり雑に意訳してますので、趣旨が変わってしまっている項目とかあればご指摘ください。

一覧

ブラウザ	状況	関係する要素/プロパティ
Safari	アイテムが潰れた	flex-shrink未指定
IE11	アイテムがコンテナをはみ出す	align-items
IE11	アイテムが潰れた / min-height, min-widthが効かない	min-height, min-width
IE11	アイテムがbasisに従わない	flexショートハンド
IE11	imgが歪む	imgをflexアイテム指定
IE11	アイテムがコンテナをはみ出す	flexショートハンド, border, padding
IE11	calcが効かない	flexショートハンド
Edge / FF / Safari	button要素などにdisplay:flexが効かない	button, fieldset
FF	align-itemsが効かない	align-items
Safari	min-height, max-height, min-width, max-widthが効かない	flex-wrap
Chrome / Safari / FF	アイテムがコンテナをはみ出す	flex-wrap