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

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

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

img {
  flex-shrink: 0;
}

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