要使图像灵活,只需添加max-width:100%
和height:auto
。图像max-width:100%
并height:auto
在IE7中有效,但在IE8中无效(是的,另一个怪异的IE错误)。要解决此问题,您需要添加width:auto\9
IE8。
例如 :
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
JSfiddle示例。无需JavaScript。在最新版本的Chrome,Firefox和IE(我测试过的所有版本)中均可使用。