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>

试试这个，我希望它会起作用

JavaScript：动态添加时，图像在IE中不会缩放

1 个答案: