在bootstrap myCarousel中伸展的图像

Question

我正在为一个客户做一个网站，它在主页上使用myCarousel，在全视图中，幻灯片图像很好，但在移动视图中，由于高度为180px，图像垂直拉伸;幻灯片图像有3-5行字幕，所以把它固定在高度但是客户端说它们被拉伸所以我把物体贴合：盖子在哪种解决了拉伸的问题，但它切断了图像的任何一面和客户对此并不满意，我尝试了img-responsive，这又解决了问题，但字幕却不适合。我不知道该尝试什么，我不认为有什么可以做的，有人可以帮忙吗？

Answer 1

更新：想想我已经使用以下CSS解决了它

.carousel-inner > .item > img {
height: 180px;
object-fit: cover;
width: 100%;
object-position: right center;
}    
.carousel-inner > .item:nth-of-type(7) > img {
height: 180px;
object-fit: cover;
width: 100%;
object-position: left center;
}
.carousel-inner > .item:nth-of-type(9) > img {
height: 180px;
object-fit: cover;
width: 100%;
object-position: left center;
}
.carousel-inner > .item:nth-of-type(10) > img {
height: 180px;
object-fit: cover;
width: 100%;
object-position: left center;
}
.carousel-inner > .item:nth-of-type(12) > img {
height: 180px;
object-fit: cover;
width: 100%;
object-position: left center;
}

它似乎与CSS一起使用