Twitter bootstrap 引导:如何在旋转木马中安装图像

Twitter bootstrap 引导:如何在旋转木马中安装图像,twitter-bootstrap,carousel,responsive-images,Twitter Bootstrap,Carousel,Responsive Images,我使用的是Bootstrap v3.3.5旋转木马,图像的尺寸固定为970x180,所以我也固定了旋转木马的尺寸 但是,当从智能手机浏览此应用程序时,图像的大小不能正确调整,只能看到图像的一半 这里有什么建议吗?问题在于.carousel.item样式。移除宽度:970px。在这里,您将为图像设置一个固定的宽度。这就是为什么它没有反应 我认为下面的代码适合您 .carousel .item { height: 180px; /* width: 970px; */ } 工作正常,

我使用的是Bootstrap v3.3.5旋转木马,图像的尺寸固定为970x180,所以我也固定了旋转木马的尺寸

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

这里有什么建议吗?

问题在于.carousel.item样式。移除宽度:970px。在这里,您将为图像设置一个固定的宽度。这就是为什么它没有反应

我认为下面的代码适合您

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

工作正常,但从智能手机浏览网站时,图像似乎有点伸展,请参见此处