取消img的css属性宽度和高度（不能使用“auto”）

Question

我为网站构建了一个插件（例如WP），我需要在插件中使img元素的css属性宽度和高度无效，以避免网站css（主题css）的影响。

我不能使用“自动”，因为行为有点不同。在这种情况下，浏览器会忽略html属性的宽度和高度，但我需要在图像仍在加载时以正确的大小呈现元素。

如果我通过javascript显式设置css属性的宽度和高度 - 基于html属性的值 - 某些浏览器（FF＆amp; IE）无论如何都会在加载过程中忽略它（不知道为什么）。

在这种情况下，以下代码段：

var img = document.getElementsByTagName('img')[0];
img.style.width = '100px';
img.style.height = '100px';
console.log(img.style.width);
console.log(img.offsetWidth);

在FF和IE中输出以下内容：

100px
0

有什么想法吗？

感谢， 赫尔穆特

Answer 1

好吧，你可以为宽幅和高度为100px的图像创建一个父div，然后将图像宽度和高度设置为100％。
这应该有用。