twitter-bootstrap - 处理 twitter bootstrap carousel 的不同高度的图像和 carousel 中图像的链接

Question

处理不同高度的图像最有效的方法是什么？

a) 我有很多图像，其中一些比其他图像高。我想让它们限制在旋转木马的区域。但是，如果我明确定义轮播尺寸（如 .carousel { width: 500px; height: 500px; } ），那么我将失去引导程序所做的自动调整大小，这对于使网站在移动网站上看起来不错至关重要。

b) 是否可以在 twitter 引导程序中为图像提供超链接/链接？

有谁知道怎么做？

Answer 1

img { width: 100%; }在图像和#carousel_container_id_here { max-height: XXXpx; overflow-y: hidden; }

请注意，它将剪切超过max-height.

Answer 2

我认为您可以指定max-heighteg .carousel { max-height: 500px; }。这样，重新调整大小应该可以工作，并且设计也不会破坏。