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

时间:2018-06-08 19:20:27

标签: html css

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

webpage currently

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

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

}

1 个答案:

答案 0 :(得分:0)

尝试使用max-width和height。

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