图像响应

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>

Answer 2

.img-responsive{
               display: block;
               max-width: 100%;
               height: auto;
}
.right{
      float:right!important;
}