IE6圖長寬比，CSS

所以我對下面的代碼我IMG的IE6圖長寬比，CSS

width:100%; height: auto;

但是IE6是臭名昭著符合Web標準似乎忽略長寬比，它增加了一個默認的長寬比到圖像上，使它們看起來很骯髒，它會拉伸它們並在某些情況下將它們壓扁，但它不正確地加載它們。

的HTML看起來像這樣

<div 100% width of window> 
    <div 100% with some margin> 
      <img that looks great in IE (yeah right..) /> 
    </div> 
</div>

那應該是1140px由392px顯示在1140px由1303px

寬度似乎是正確的，但高度是越來越扭曲的圖像。

你知道修復嗎？

據我所知，IE6正在出路，但在世界上一些使用率和企業超過28％的國家/地區，在某些情況下支持它仍然很重要。

2011-11-01 Xavier

你爲什麼要支持一個10歲的瀏覽器？ –

如果大多數目標受衆仍在使用它，有時您必須支持10年前的瀏覽器。並非每個人都可以選擇更改/升級瀏覽器。 – drmonkeyninja

好吧，當然，根據你的受衆，你可能仍然會遇到一些IE 6的問題。但是另一方面，這些IE 6用戶已經習慣了看到現代互聯網的一個非常扭曲和破碎的觀點。只要確保您的網站完全正常工作，即使IE 6呈現問題。否則，也許IE 6的條件樣式表是按順序的。 – Sparky

#yourImgage { 
    width:100%; height: auto; 
}

它橫跨他們和南瓜它們加載它們正確某些情況下，但它並不一致。

上面的代碼並沒有告訴圖像本身是100％，而是100％的容器寬度。如果這就是你想要的，那很好。否則，通過拉伸，這聽起來像IE只是在做它告訴它，儘管它似乎對height:auto做什麼感到困惑......保持圖像的縱橫比或保持其原始像素高度，同時伸展其寬度。

那麼你有沒有試過完全捨棄height？它似乎在其他瀏覽器中表現相同，也許它會消除IE 6的混淆...

你在這裏想達到什麼目的？

編輯：

也許你需要maintain a conditional stylesheet just for IE 6。所有其他瀏覽器都會忽略這一點。

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6-only.css" />  
<![endif]-->

2011-11-01 14:13:48 Sparky

Hi @ sparky672感謝您的回覆，寬度不是問題，這裏是高度。我試圖在IE中有一個流體佈局。 – Xavier

刪除它從之前的樣式表中繼承的高度解決了這個問題，謝謝（注意前一個高度是'auto;'） – Xavier

回答