默認圖像尺寸在IE8

我在IE8加載圖片如下：默認圖像尺寸在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';

我已經刪除從文檔中的所有樣式。仍然是同樣的問題。

2012-08-09 mkingston

我想你可能已經將一些CSS應用到'img'標記中，使它能夠以這種方式呈現。它不應該默認這樣做。在IE開發工具（F12）中查找'img'標籤上的計算樣式。 – Strelok 2012-08-09 00:58:24

感謝您的回答。看我的編輯。另外，我刪除了所有的CSS鏈接。我仍然有同樣的問題。不幸的是，我無法訪問開發工具（argh！）。 – mkingston 2012-08-09 01:03:30

很奇怪。看看這個jsfiddle：http://jsfiddle.net/2JwXF/你可以看到它非常簡單，img以原始大小顯示。現在我不得不問：你是** 100％**正面你提供的圖像是30px x 30px？介意分享圖片的鏈接？ – Strelok 2012-08-09 01:09:51

如果您顯示的圖像像這樣，沒有其他設置影響它，它將以原始大小顯示將。

圖像中的分辨率（PPI或DPI）設置被瀏覽器忽略，因此更改該設置將不起作用。

如果圖像沒有以原始大小顯示，則會有其他設置影響圖像標記。您可以在IE中使用開發人員工具（F12）來檢查哪些樣式實際上影響元素。

2012-08-09 00:59:43 Guffa

感謝您的回答。看我的編輯。另外，我刪除了所有的CSS鏈接。我仍然有同樣的問題。不幸的是，我無法訪問開發工具（argh！）。 – mkingston 2012-08-09 01:04:06

回答