javascript - 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) 来检查哪些样式实际影响了元素。