cssの画像サイズ指定について質問です。

width100%に指定した、縦横比4：3くらいの画像があり、
ブラウザの高さを短くすると当然画像の縦がはみ出るのですが、
これを、ブラウザの幅を変えても高さを変えても、ブラウザ内に
比率を崩さずに画像全体が表示されるようにすることは、
cssの表記だけで可能なのでしょうか？

できれば指定の方法も教えてもらえるとたすかります。
よろしくおねがいします。