2013-08-30 94 views
1

我想在這裏的旋轉木馬示例與圖像1200x300。它在寬度超過1200的大屏幕中看起來很好。但是,當我減小瀏覽器寬度時,輪播圖像減少,看起來很薄。        twitter-bootstrap旋轉木馬css圖像調整大小

是否有任何技巧在旋轉木馬中對圖像應用最低高度。

+0

[min-height - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) – Itay

回答

0

您可以使用CSS media queries來實現您所需要的。

+1

夥計們,感謝您的意見。讓圖像保持縱橫比是有意義的。但是,如果我需要做一些技巧手動設置高度,當用戶減少屏幕寬度媒體查詢應該是要走的路。 – Darn

0

基本上我認爲正在發生的事情,因爲我沒有任何代碼可以查看,因爲您有響應的引導程序,您需要關閉它,否則引導程序會巧妙地調整頁面上的對象的大小。

我也注意到,如果你調整圖像http://placehold.it/1200x300然後它縮小盡管這可能不會影響它在所有

0

如果您在img設置max-width: 100%; height: auto;,它將保留它的縱橫比(即保持正確的形狀)不管你做得多窄。