Javascript 使用HTML或CSS重新调整动态徽标大小

大家好，我想知道如何动态调整徽标的大小，当我使用百分比时，它会使用整个页面的百分比，而不是包含它的div

<img src="Images/logo.png" name="logo" id="logo">
<div id="top_border"></div>
<img id="background" src="Images/BG_1.jpg">

任何帮助都将不胜感激。谢谢。

在CSS文件中添加：

img {
width: 20%;
max-width: 300px;
height: auto;
}

如果要强制执行图像的固定最大宽度，只需将其放置在容器中，例如：

<div style="max-width:300px;">
    <img src="image/example.jpg" />
</div>

---

再次检查您的容器是否设置了宽度，因为您的图像大小将与该宽度相对应