IE8非兼容模式,图像最大宽度和高度:自动

Question

我有这个标记的图像

<img src="wedding_00.jpg" width="900" height="600" />

我正在使用CSS将其缩小到600px宽度,如下所示:

img {
    max-width:600px;
    height:auto;
}

任何人都可以解释为什么这种方法在兼容模式下有效,但在标准模式下无效 有没有办法可以修改我的CSS,使其在标准模式下工作？

我意识到,如果我脱掉了

width="900" height="600"

它解决了问题,但这不是我的选择.

Answer 1

我不确定根本原因,但如果你添加

width: auto;

然后它工作.

Answer 2

width:inherit为ie8 设置

 img {
   width:inherit; //for ie8
   max-width: 100%;
   height: auto;
 }