图片如何等比例缩小
现在有图片 123.png，大小为 2000 * 1500，宽高比例为 2000：1500，即 4：3，因此想要等比例缩小，包裹图片的div元素的宽高比也要为 4：3才能等比例缩小。
缩小时，需设置图片的最大宽高为 100%，保证图片不会超出包裹的 div。
放大会导致失真，所以一般图片都只会偏大。
第一种：使用div包裹img
<div class="img-container">
<img src="../123.png">
</div>
css 中：
.img-container {
height: 600px;
width: 800px;
}
img {
max-width: 100%;
max-height: 100%
}
第二种：直接img元素的宽高
img{
width: 675px;
height: 480px;
}
查看3道真题和解析
SHEIN希音公司福利 356人发布