【发布时间】：2021-04-26 22:49:57
【问题描述】：
如果分辨率超过轮播大小，如何在 Bootstrap 轮播中裁剪图像？
我尝试使用这个 CSS，但它不会裁剪比 image2 和 image2 大一点的 image1。
.carousel{width:640px; height:360px;}
我希望像这样裁剪 image1：
【问题讨论】：
标签： css twitter-bootstrap twitter-bootstrap-3 carousel
【发布时间】：2021-04-26 22:49:57
【问题描述】：
在轮播类中添加溢出：隐藏
.carousel {overflow:hidden}
【讨论】：
-
有没有办法让旋转木马在图像上不失真？
-
您需要将轮播宽度设置为百分比。因为您已将图像本身设置为 100% 的最大宽度，所以它们应该相应地缩放。或者，您可以使用一个透明 gif 作为所有幻灯片的图像，并将这些蓝色圆圈图像应用为背景图像，并使用 background-size 属性来缩放图像。
-
@partypete25 好的，但是如何显示整个图像而不是隐藏它？
-
@Zl3n 这很模糊。将溢出设置为可见？将您的 img 最大宽度更改为无？你有一些代码可以给我看吗？