CSS图片等比缩放

//给图片放入一个容器中
<div class="box">
    <img calss="imgs" src="">
</div>

// 父容器设置固定尺寸，图片设置自动高宽，最大高宽即可
.box{
    width:400px;
    height:400px;
    
    .imgs{
        width:auto;
        height:auto;
        max-width:100%;
        max-height:100%;
        }
    }