<div class="wrapper">
<img src="a.jpg" />
</div>
.wrapper{ height: 100%; position:relative，}
.wrapper img{
height: 100%;
overflow: hidden;
margin: 0 auto;
transform: translate(-50%,-50%);
position: absolute;
top: 50%;
left: 50%;
}
父元素和子元素都不設(shè)置寬度,子元素設(shè)置 translate趾徽，translate百分比根據(jù)自身高度寬度
