Html 如何使图像在缩放浏览器时保持其大小

我试图使一个登录页只包含图像，基本上它更像一个横幅。但问题是，当我尝试放大或缩小我的chrome浏览器时，图像会自动调整大小。我已经尝试使用宽度100%和高度自动，但问题仍然出现。 有人能帮我解决这个问题吗

---

感谢这是正确的，100%和自动是相对值，您需要静态，即通过css将宽度和高度设置为某个值。

执行类似操作

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

---

这可能掌握在浏览器的手中，不同浏览器的具体行为甚至可能有所不同。

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