求教图片适应div

Question

现在有个div固定寬高，然后放一张图片进去如何让这个图片完全现实并适应这个div，和下图显示一样，不够的就留白，最多就是顶着边线

Answer 1

方案一，flex解决方案
https://codepen.io/kingdil/pe...

方案二，jq解决方案
https://codepen.io/kingdil/pe...

Answer 2

img{
    max-width: 100%;
    max-height: 100%;
}

Answer 3

            .box{
                width: 300px;
                height: 300px;
                text-align: center;
                font-size: 0;
            }
            .box:before{
                display: inline-block;
                content: '';
                width: 0;
                vertical-align: middle;
                height: 100%;
            }
            .box img{
                vertical-align: middle;    
                max-width: 100%;    
            }
<div class="box">
            <img src="img/451e0f1.png"/>
</div>

Answer 4

酱紫: https://codepen.io/HaoyCn/pen...

Answer 5

刚做完 适配各种尺寸的图片，尺寸你看着自己改吧
.父盒子{

width: 3rem;
background-color: #eee;
margin: 0 auto;

}
.img{

max-height: 3rem;
position: relative;
top: 0;
left: 0;
display: block;
margin: 0 auto;

}