<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%;
}
父元素和子元素都不设置宽度,子元素设置 translate，translate百分比根据自身高度宽度
