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

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

尝试使用max-width和height。

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