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

Jar*_*son 32 css internet-explorer-8 compatibility-mode

我有这个标记的图像

<img src="wedding_00.jpg" width="900" height="600" />
Run Code Online (Sandbox Code Playgroud)

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

img {
    max-width:600px;
    height:auto;
}
Run Code Online (Sandbox Code Playgroud)

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

我意识到,如果我脱掉了

width="900" height="600"
Run Code Online (Sandbox Code Playgroud)

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

Gre*_*reg 73

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

width: auto;
Run Code Online (Sandbox Code Playgroud)

然后它工作.

  • 精彩,完美.我不认为我会在一百万年内尝试过. (7认同)
  • @JaredHenderson你的评论是我的一天 (3认同)

小智 7

width:inherit为ie8 设置

 img {
   width:inherit; //for ie8
   max-width: 100%;
   height: auto;
 }
Run Code Online (Sandbox Code Playgroud)