作物画像の高さ調整なし

Question

これは簡単な質問ですが、私は解決策を見つけることができません。

私は現在、1920x1080解像度の画像を持つブートストラップカルーセルを使用しています。 イメージは同じままにしたいが、高さは480pxに縮小する。 注。 NO SCALING ....画像はカットオフ、伸縮、スケーリングなしのいずれかでなければなりません。

.carousel-top-img{ 
    height: 480px;// image scaled down to 853x480px 
} 

---

.carousel-top-img{ 
    max-height: 480px;// image stretched but 1920x480px met 
    width: 100% 
} 

Answer 1

それはここで、ブートストラップを使用しますが、しませんが、純粋なCSSのソリューションです：

が、これは私のCSSクラスであると言うことができますについてもう少し

#this_img{ 
     width: 1920px; 
     height: 480px; 
     object-fit: cover; 
    } 

オブジェクトフィット：LINK

は、私はそれが

Answer 2

変更.carousel-top-imgさんコンテナの寸法を助け、それにoverflow: hiddenを適用したいと考えています。