当我缩放浏览器时，如何使图像保持其大小

Question

我正在尝试使着陆页只包含图像，基本上它更像横幅。但问题是，当我尝试放大或缩小我的镶边时，图像会自动调整大小。我尝试使用宽度100％和高度自动但问题仍然存在。 任何人都可以帮我解决问题吗？

由于

Answer 1

这是正确的，100％和auto是相对值，你想要静态，即通过css将宽度和高度设置为某个值。

Answer 2

做这样的事情

<div class="cover">
  <img src="/set path" alt="" />
</div>

像这样写 CSS

.cover {
   width:100vh;
   height:100vh;
   float:left;
}
.cover img {
   width:100%;
   height:100%; /* or you can set `vh` height */
}