html - 图像响应

Question

我哪里出错了？

这是我的代码

<div id="logo" style="position: absolute; right: 50px; top:0px;">
  <img src="./images/logo1.png" width="400" height="400" border="0" alt="Logo" />
</div>

我想让图像出现在屏幕的右侧。为了使其具有响应性，我将宽度和高度更改为 23%(原始图像为 3000 x 3000 像素)。它可以很好地适应图像的大小，而是显示在上面定义的位置，它出现在屏幕的左侧。仅当我将宽度更改为百分比时...为什么？

Answer 1

你需要使用一些CSS

        <div id="logo">
        <img src="./images/logo1.png" alt="Logo" />
    </div>
<style>
#logo {width:400px; position: absolute; right: 50px; top:0px;}
#logo img {width:100%;}
</style>