[CSS]アスペクト比固定で枠内に画像を収める

画像スライドショーなどで決まった枠内に複数の写真を入れたいが、
アスペクト比がバラバラなので、縦横どちらの最大幅を取れば良いのかと悩んだときに
見つけた方法が、
「なんで気づかなかったのー」「みんな知ってたのー」って感じの方法だったので、共有。

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

こう指定すると、枠をはみ出した=100%以上になった場合にmax100%で抑えてくれるので、
枠からははみ出すことはありません。
冷静に考えたら、簡単なのですが、気づかなかったので悔しい＆嬉しいですね。