Html 如果div的宽度小于图像的实际宽度，则以100%宽度显示图像

这是我的HTML：

<div>
    <img src='image.png'>
</div>

小提琴：

图像变为div的100%宽度。我有没有办法说“如果‘100%’（容器的宽度）大于图像的原始宽度，则使用图像的原始宽度”

例如，假设div的宽度为50px，图像的原始宽度为60px（div的宽度根据屏幕大小动态生成。图像由最终用户确定）。在这种情况下，图像的宽度应为100%

但是，如果div的宽度为70px，而图像的原始宽度为60px，则宽度应保持不变

---

使用HMTL和CSS是否可以实现这一点？如果否，是否仍可以使用Django/Python实现此目的？

是。它被称为

max width

：

img {
    max-width: 100%;
    /* ... */
}

---

-调整窗格的大小以查看是。它被称为

max width

：

img {
    max-width: 100%;
    /* ... */
}

---

-调整窗格的大小以查看是。它被称为

max width

：

img {
    max-width: 100%;
    /* ... */
}

---

-调整窗格的大小以查看是。它被称为

max width

：

img {
    max-width: 100%;
    /* ... */
}

-调整窗格大小以查看