如何使用 CSS 让图像随浏览器大小自动调整大小？

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

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

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

<code class="css">img {
    max-width: 100%;
    height: auto;
    width: auto; /* ie8 */
}</code>

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

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

以上是如何使用 CSS 让图像随浏览器大小自动调整大小？的详细内容。更多信息请关注PHP中文网其他相关文章！