.divContent{
width:200px;
height: 200px;
border:1px solid red;
overflow:hidden;
}
.divContent img{
margin:0;
padding:0;
width:100%;
height: 100%;
object-fit: cover;//重要
}
.yuanImg{
width:200px;
height: auto;
}
<p>图片一:长大于宽</p>
<div class="divContent">
<img src="http://img4.imgtn.bdimg.com/it/u=3357021395,3491635869&fm=27&gp=0.jpg">
</div>
<p>图片二:长小于宽</p>
<div class="divContent">
<img src="http://img2.imgtn.bdimg.com/it/u=888348881,1176056835&fm=27&gp=0.jpg">
</div>
<p>以下为图片原来的样子</p>
<p class="yuanImg">
<img src="http://img4.imgtn.bdimg.com/it/u=3357021395,3491635869&fm=27&gp=0.jpg">
</p>
<p class="yuanImg">
<img src="http://img2.imgtn.bdimg.com/it/u=888348881,1176056835&fm=27&gp=0.jpg">
</p>