Question

所以我找到了一堆我无法以正确方式显示的图像。

我们有一个非常简单的例子：

<body>
    <img src="http://vignette2.wikia.nocookie.net/runescape2/images/4/47/Santa_hat.png/revision/latest?cb=20111128052051" />
</body>

此特定图片具有（或应该具有）尺寸28x23，但在浏览器中运行此代码段时，它会调整大小。

我认为这些图片存在一些格式问题，导致我无法在真实尺寸上显示它们。

我实现此功能的唯一方法是分配自定义属性width和height，但问题是我使用JavaScript动态加载这些图片，所以我没有这些尺寸图片。我已经尝试检索维度，例如参见此答案：

但是它给出了加载后显示在网页上的缩放尺寸（200x164？）。

我不确定为什么会这样，以及我如何使用正确的维度加载这些图片。

另外：把它放在一个jsfiddle（link）中似乎使用了正确的尺寸。

编辑:(即时编辑，以便它可以获得一个凹凸）

Answer 1

在将图片嵌入网页时，您是否尝试升级图片？或者它似乎是浏览器自动重新调整大小？

编辑：您使用的浏览器是什么？您使用的是Dreamweaver等开发环境吗？

再次编辑：我也没有遇到任何问题，此时此浏览器很可能

Answer 2

您可能拥有一些网站范围的img css礼仪。您可以将所有这些图像标记分配为类似图像加载的类，并具有css属性以强制它们对高度和宽度使用自动。

.image-load { height : auto !important; width: auto !important; }