Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法の紹介。

flex-shrink を0に設定してやると直る。

img {
  flex-shrink: 0;
}

参考：Flexbox on IE11: image stretched for no reason?

関連記事

Grid layout and Flexbox CSSのみでposition:absoluteがかかっている要素を上下中央配置にする Mac上のVirtualBoxでWindows10の画面サイズが小さい問題を解決【Guest Additionsインストール後の設定もあり】