ウィンドウに合わせて自動で画像をリサイズする

画像をウィンドウサイズに合わせてリサイズするために、以下のcssを書いてみた。

img {
  width: 100%;
}

これだとウィンドウを徐々に小さくしていくと、画像がはみ出ることがある。
ロード時の100%固定で表示されるっぽい動き。

ウィンドウサイズに合わせて画像も徐々に小さくするには

以下のcssで出来た。
いつもど忘れしてしまうので、忘れないようにメモ。

img {
  width: 100%;
  max-width: 100%;
}