要更好地解决此问题，请使用javascript库imageScale（）；

此选项中提供了不同的选项（填充、最佳填充、最佳拟合、最佳向下拟合）。

您必须只包含js文件。然后对图像使用以下格式。

<div class="image-container">
  <img class="scale" data-scale="best-fit-down" data-align="center" src="img/example.jpg">
</div>

现在将此JavaScript代码添加到页面中。

$(function() {
   $("img.scale").imageScale();
});

第二个选项是使用另一个javascript imagefill。

<div class="container">
  <img src="myawesomeimage" />
</div>


$(\'.container\').imagefill(); 
  // image stretches to fill container

更多信息imageScale | imageFill