JavaScript : 동적으로 추가 할 때 IE에서 이미지의 크기가 조절되지 않습니다.

Question

동적으로 이미지를 div에 추가하면 Internet Explorer에서 창의 크기를 조정할 때 이미지의 크기가 조정되지 않습니다.

은 내가이 정말 간단한 예를 보여 주면 더 분명 생각 :

이

다음 예는 그냥 일반 HTML의 자바 스크립트를 사용하지 않습니다 그리고 내가 원하는 것을.
http://www.friendly-stranger.com/halp/ie-width/index.html

다음은 JavaScript를 사용하며 브라우저 창의 너비를 조정하면 이미지의 너비가 줄어들지 않습니다. http://www.friendly-stranger.com/halp/ie-width/koala-squash.jpg

자바 스크립트 코드는 제가 사용 :

<script type="text/javascript"> 
    $(function(){ 
     var img = new Image(); 
     img.src = 'Koala.jpg'; 
     $('div').append(img); 
    }); 
</script> 

Answer 1

<script type="text/javascript"> 
    $(function(){ 
     var img = new Image(); 
     img.src = 'Koala.jpg'; 
     img.style.height = 'auto'; 
     $('div').append(img); 
    }); 
</script> 

이 시도, 내가 그것을