Internet Explorer 10忽略圖像上的寬度和高度

我有一個網站，其中Internet Explorer 10完全忽略了顯式設置的寬度和高度屬性，以支持實際的圖像大小。Internet Explorer 10忽略圖像上的寬度和高度

的圖像被定義爲：

<img style="float: left; margin: 0px 10px 0px 0px; display: inline;" 
    align="left" src="http://blog.hinshelwood.com/files/2012/09/metro-findings.png" 
    width="64" 
    height="64"/>

但它呈現爲IE10 128×128。在Chrome中，它與您所期望的一樣。

E.g. http://blog.hinshelwood.com/tfs-integration-tools-issue-tfs-wit-invalid-submission-conflict-type/

在此頁面上，「適用於」，「解決方案」和「Findings」圖像都設置爲64x64，但在IE10中它們顯示爲128x128。我曾嘗試設置以下CSS，但這也被忽略：

h3 img { 
width: 64px; 
height: 64px; 
}

有沒有人有任何想法爲什麼？

來源

2012-09-20 MrHinsh - Martin Hinshelwood

你有

body .content img { 
    max-width: 100%; 
    height: auto; 
    width: auto \9; 
}

http://blog.hinshelwood.com/wp-content/themes/pagelines/pagelines-compiled-css-2_1348178943/

在IE中，無效width: auto \9;被解釋爲width: auto;

在Chrome中，無效的寬度被忽略。

沒有寬度汽車，圖像的行爲是不同的：

在Chrome中，寬度從現在衍生，並且由於高度是自動，圖像被根據64PX縮放。

在IE中，寬度和高度仍然是「自動」，因此它採用默認的IMG大小。

CSS樣式覆蓋IMG標籤屬性：您可以嘗試使用內聯樣式來覆蓋繼承的樣式。

<img style="height: 64px; width: 64px;" src="..." />

來源

2012-09-21 00:33:09

嵌入式樣式和硬編碼With和高度被忽略 –

您正在使用嵌入式屬性，而不是嵌入式樣式。 '' 不爲IMG '' 屬性是從天老CSS的時間之前 - CSS規則將覆蓋傳統的屬性。 –

讓我的內臟枯萎！ –

Internet Explorer 10忽略圖像上的寬度和高度

回答

相關問題