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

Question

嗨试图弄清楚如何动态调整徽标大小，当我使用百分比时，它使用整个页面的百分比而不是包含它的div。

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

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

Answer 1

在CSS文件中添加：

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

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

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