使用CSS自动调整浏览器大小的图像大小

使用CSS自动调整浏览器大小的图像大小

要使图像灵活，只需添加

max-width:100%

和

height:auto

。图像

max-width:100%

并

height:auto

在IE7中有效，但在IE8中无效（是的，另一个怪异的IE错误）。要解决此问题，您需要添加

width:auto9

IE8。

例如 ：

img {    max-width: 100%;    height: auto;    width: auto9; }

然后您只需使用img标签添加的任何图像都将很 灵活

JSFiddle示例。无需Javascript。在最新版本的Chrome，Firefox和IE（我测试过的所有版本）中均可使用。