flexbox内の画像が縦に伸びた場合の対処法（Edge/IE）

先日、動作確認中の出来事。

画面幅を広げたり縮めたりしていると、微妙に画像が縦に伸びてしまっている箇所を発見。

Chromeなどでは問題ないんですが、調べているとどうやらIEとEdgeのバグのようです。

flexbox内の画像が伸びてしまっているとしたら以下で解決できます！

簡単になおるので、一応備忘録として残しておきます。

img{
  flex-shrink: 0;
}

imgタグに「flex-shrink: 0;」をつけてあげるだけです。