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;