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

img标签可设置 

object-fit:属性

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

cover 会自适应裁剪

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

 1 div{
 2     width：650px；
 3     height：500px
 4 }
 5 img{
 6     max-width: 100%;
 7     max-height: 100%;
 8     position: relative;
 9     top: 50%;
10     left: 50%;
11     transform: translate(-50%,-50%);
12 }