html - 如何使图像适合浏览器并调整大小？

Question

我找不到如何使图像适合浏览器，因为它当前正在裁剪它并使用浏览器调整大小

<div class="contentwrapper">
<img src="img/1.%20Self%20Branding%20display2.png">
</div>

.contentwrapper {
position: relative;
margin:0 auto;
width:97vw;
height: 100%;

}

Answer 1

尝试使用最大宽度和高度。

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}