css - 裁剪图像高度而不缩放

我知道这是一个简单的问题，但我似乎无法找到解决方案。

我目前正在使用具有1920x1080 res图像的自举轮播。
我希望图像保持不变，但是将高度降低到480px。
注意。无缩放...。图像应仅被剪切，不得拉伸或缩放。

可以说这是我的CSS类：

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

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

最佳答案

它不使用引导程序，但是这是一个纯CSS解决方案：

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

关于对象适合度的更多信息：LINK

希望对您有所帮助

关于css - 裁剪图像高度而不缩放，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40061507/