javascript - ie6 img 宽度：自动不起作用

Question

我有一个动态更改的图像元素，如有必要，可以动态调整大小以适应其容器。

我目前的流程是：

1. 重置图像：

   // make sure the 'load' event is re-triggered
   img.src = "";
   // reset dimensions
   img.style.width = "auto";
   img.style.height = "auto";
   

2. 设置它的新源并等待它加载

   img.src = newImageSource;
   

3. 在图像onload处理程序中，测试大小并在必要时进行更改：

   img.style.width = newWidth + "px";
   

这会随着图像的变化（无限）重复。

这适用于所有测试的浏览器（ie7、8、9、10、FF、chrome），但是 ie6 将宽度/高度设置为“自动”似乎会将元素的大小调整为 25 x 25 像素左右，而不管实际图像的尺寸如何。

所以; 有没有办法将图像尺寸重置为“自动”的等效值，以便随后加载的图像尺寸确定 ie6 的元素尺寸？

Answer 1

我相信你会写

img.style.width = "";

将宽度设置为其默认值auto。显然img.style.width = "auto";不是以同样的方式工作。