Bootstrap：如何在轮播中调整图片

Question

我为此 web app 使用 Bootstrap v3.3.5 旋转木马，图像尺寸固定 (970x180)，因此我也固定了旋转木马尺寸。

但是，当从智能手机浏览此应用程序时，图像无法正确调整大小并且只有一半图像可见。

这里有什么建议吗？

Answer 1

问题出在 .carousel .item 样式中。删除 width: 970px; 。在这里，您为图像设置了固定宽度。这就是为什么它没有响应。

我认为以下代码适合您。

.carousel .item {
    height: 180px;
    /* width: 970px; */
}