不定宽高的图片如何在正方形框中不变形

img {

　　width:100%;

　　hieght:100%;

　　object-fit: contain;

}

 

不论宽大于高的，还是高大于宽的，都等比例缩放，到在外层盒子中刚刚好能放下；