css 图片包含在div中以及等比例缩放

img标签可设置 

object-fit:属性

contain 会将所有包含进去缩放显示，此时注意设置width,height =100%

 

 

cover 会自适应裁剪

 

 

想事项等比例缩放适应宽高，则参考文章：https://blog.csdn.net/IT_lukaifang/article/details/102984731

div{
    width：650px；
    height：500px
}
img{
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}