假设div固定宽高256*150;
img-box则为图片外的div
.img-box{
width: 100%;
text-align: center;
img{
width: 100%;
height: 100%;
background-size: contain;
object-fit:contain;
background-position: center;
background-repeat: no-repeat;
max-height: 100%;
max-width: 100%;
}
}
这种方法会使有些图片不会占满整个div
若想要占满则把object-fit改为cover即可;