Bootstrap 轮播响应式图片

Question

我对引导轮播有一些问题。当我在分辨率为2000px X 500px 的滑块上制作图像时，滑块在桌面屏幕尺寸中看起来很好而且完美。但是当我在移动版本中打开我的页面时，页面顶部的滑块变得非常小。我只想用响应式图像长度制作真实尺寸的滑块图像。

这是我在 jsfiddle 上的完整代码：https://jsfiddle.net/s3upxcyq/1/

请任何人帮助我解决这个问题。谢谢。

Answer 1

你可以这样做：

img {
    height: 300px !important;
    object-fit: cover;
}