bootstrap网格系统填充图像

Question

我想创建一个分为2个嵌套列的列。它们都应该是覆盖其受尊重的列的整个高度和宽度的图像。但是，由于某些原因，图像会覆盖包含它们的div。

<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9"> 
    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5"> 
     <img class="fitimages" src="./images/pic1.jpg"> 
    </div> 
    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7"> 
     <img class="fitimages" src="./images/pic2.jpg"> 
    </div> 

.fitimages{ 
max-width: 100%; 
max-height: 100%; 

}

我用最大宽度和最大高度，使他们将围绕父格但由于某些原因，左图像没有填满整个宽度和高度，而正确的人越过它。

Answer 1

让你的img这个风格：object-fit: cover;