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

回答