En büyük boyutu bu görüntü germek mümkün <div> taşan veya görüntü eğme olmadan yapmak istiyorum.

Kullanmak için olup olmadığını bilmek bir yolu yok yani görüntü oranı, en-boy tahmin edemiyorum:
<img src="url" style="genişlik: 100%;">
vs
<img src="url" style="yükseklik: 100%;">

Hem kullanamam (style="genişlik: 100%; height: o <div> en uygun görüntü uzatmak olacaktır. çünkü 100%;") yani

<div> bir boyutu da tahmin edilemez olan ekran oranda belirledi.

En Boy oranı olduğunu bilmediğine göre, bazı komut dosyası kullanmak zorundasın. JQuery (demo) ile yapardım.

CSS

.container {
    width: 40%;
    height: 40%;
    background: #444;
    margin: 0 auto;
}
.container img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.container img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}​

HTML

<div class="container">
 <img src="http://i48.tinypic.com/wrltuc.jpg" />
</div>
<br />
<br />
<div class="container">
 <img src="http://i47.tinypic.com/i1bek8.jpg" />
</div>

Script

$(window).load(function(){
 $('.container').find('img').each(function(){
  var imgClass = (this.width/this.height > 1) ? 'wide' : 'tall';
  $(this).addClass(imgClass);
 })
})