css - 使用 CSS 缩小(但不放大)图像以适应 IE9 中的 div 容器(最大宽度 : 100% fix)

Question

我不能使用 JS，这应该只能由 CSS 存档。容器 (DIV) 是自动宽度(灵活的)“表格单元格”元素。

我只想在图像宽度大于容器时缩小图像(用户可以调整窗口大小 - 这就是原因)。

我使用了下面显示的代码，但它只适用于 IE7。

max-width: 100%;
height: auto;
width: auto\9;

我试图找到任何适用于 IE9 的修复程序，但没有成功。

Answer 1

您的 max-width 需要设置为图像大小，然后将 width 设置为 100%，如下所示:

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

当然，这意味着您的 max-width 必须根据正在加载的图像动态设置，这可能不切实际。