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

DDD

发布： 2024-10-25 22:32:29

原创

936 人浏览过

How to Make Images Resize Automatically with Browser Size Using 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中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章