JavaScript：動態添加時，圖片在IE中無法縮放

Question

當我動態地將圖片添加到div時，當您在Internet Explorer中調整窗口大小時，圖片無法縮放。

我認爲它更清楚，如果我顯示了兩個非常簡單的例子：

下面的例子不使用JavaScript這只是普通的HTML和它做我想要的。
http://www.friendly-stranger.com/halp/ie-width/index.html

下一個使用JavaScript，如果你調整您的瀏覽器窗口的寬度只有寬度變小的圖像不能擴展。
http://www.friendly-stranger.com/halp/ie-width/bad.html

這是這兩個例子中的截圖： http://www.friendly-stranger.com/halp/ie-width/koala-squash.jpg

的JavaScript代碼使用：

<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> 

試試這個，我希望它會工作