Bootstrap：如何适合旋转木马内的图像

Question

我为此web app使用Bootstrap v3.3.5旋转木马，图像固定在尺寸（970x180），所以我也固定了旋转木马尺寸。

但是，从智能手机浏览此应用程序时，图像不能正确调整大小，只能看到图像的一半。

此处有任何建议吗？

Answer 1

问题出在.carousel .item风格。删除宽度：970px;。在这里，您将固定宽度设置为图像。这就是为什么它没有响应。

我认为下面的代码适合你。

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