IE8中的默认图像大小

Question

我在IE8中按如下方式加载图像：

var img = document.createElement('img');
img.src = 'images/starnohighlight.png';

图像为30x30px @ 150dpi。

当我将图像添加到页面时：

td.appendChild(img);

图像以324x308的放大尺寸显示。我知道我可以简单地强制它为30x30，因为我知道源图像的尺寸，但我更喜欢只在磁盘上提供30x30图像并以原始尺寸显示它。如果我需要更改图像的分辨率（比如说72dpi）那也没问题，或者我至少可以在代码中考虑到这一点。

我没有在其他浏览器上测试过，只是因为我目前无法访问任何浏览器。

所以，问题，总之：如何以原始尺寸显示如上所载的图像？

编辑：

我也尝试了同样的结果：

var imgObj = new Image();
imgObj.src = 'images/starnohighlight.png';

我已从文档中删除了所有样式。仍然是同样的问题。

Answer 1

如果您显示这样的图像，没有其他设置影响它，将以原生尺寸显示。

浏览器会忽略图像中的分辨率（PPI或DPI）设置，因此更改它将无效。

如果图像未以原始尺寸显示，则您还有其他一些影响图像标记的设置。您可以使用IE中的开发人员工具（F12）来检查实际影响元素的样式。