處理不同高度的圖像的twitter引導傳送帶和鏈接傳送帶中的圖像

Question

處理不同高度圖像的最有效方法是什麼？

a）我有很多圖像，其中幾個比其他更高。我想讓它們限制在旋轉木馬的區域。但是，如果我明確定義了輪播維度（如.carousel {width：500px; height：500px;}），那麼我將失去bootstrap所做的自動調整大小，這對於使網站在移動網站上看起來不錯至關重要。

b）是否可以在twitter引導中爲圖像提供超鏈接/鏈接？

任何人都知道如何？

Answer 1

我想你可以指定max-height.carousel { max-height: 500px; }。這樣，重新調整尺寸應該可以工作，而且設計也不會中斷。

Answer 2

img { width: 100%; }圖片和#carousel_container_id_here { max-height: XXXpx; overflow-y: hidden; }

注意，這將剪輯超過max-height圖像。