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';

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

score 3 · Accepted Answer

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

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

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

1 回答 1