我想在這裏的旋轉木馬示例與圖像1200x300。它在寬度超過1200的大屏幕中看起來很好。但是,當我減小瀏覽器寬度時,輪播圖像減少,看起來很薄。 twitter-bootstrap旋轉木馬css圖像調整大小
是否有任何技巧在旋轉木馬中對圖像應用最低高度。
我想在這裏的旋轉木馬示例與圖像1200x300。它在寬度超過1200的大屏幕中看起來很好。但是,當我減小瀏覽器寬度時,輪播圖像減少,看起來很薄。 twitter-bootstrap旋轉木馬css圖像調整大小
是否有任何技巧在旋轉木馬中對圖像應用最低高度。
您可以使用CSS media queries來實現您所需要的。
夥計們,感謝您的意見。讓圖像保持縱橫比是有意義的。但是,如果我需要做一些技巧手動設置高度,當用戶減少屏幕寬度媒體查詢應該是要走的路。 – Darn
基本上我認爲正在發生的事情,因爲我沒有任何代碼可以查看,因爲您有響應的引導程序,您需要關閉它,否則引導程序會巧妙地調整頁面上的對象的大小。
我也注意到,如果你調整圖像http://placehold.it/1200x300然後它縮小盡管這可能不會影響它在所有
如果您在img
設置max-width: 100%; height: auto;
,它將保留它的縱橫比(即保持正確的形狀)不管你做得多窄。
[min-height - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) – Itay