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

您希望在调整浏览器窗口大小时自动调整图像大小，但提供的代码不工作。让我们研究一个解决方案。

为了使图像灵活，您需要向它们添加 max-width: 100% 和 height: auto 。然而，IE8 有一个错误，这不起作用。要修复此问题，请为 IE8 添加 width: auto\\9。

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

使用 img 标签添加的任何图像现在都会自动调整大小。

为了说明这一点，这里有一个不需要 JavaScript 的 JSFiddle 示例。它与最新版本的 Chrome、Firefox 和 IE 兼容（基于测试）。