如何設置 整個輪播插件的高度,以適應開發的需求,仍然滿足響應式的布局
要求將整個輪播的區域的高度限定在412px,并且仍然滿足按照屏幕縮放的時候,圖片仍然可以按比例縮放。
目前重寫了 carousel 的樣式:
.carousel {?height: 412px;margin-bottom:40px;}
.carousel .item {height: 412px;}
但是屏幕縮放的時候,圖片寬度會隨之改變,但是高度還是412px,導致圖片變形
要求將整個輪播的區域的高度限定在412px,并且仍然滿足按照屏幕縮放的時候,圖片仍然可以按比例縮放。
目前重寫了 carousel 的樣式:
.carousel {?height: 412px;margin-bottom:40px;}
.carousel .item {height: 412px;}
但是屏幕縮放的時候,圖片寬度會隨之改變,但是高度還是412px,導致圖片變形
2015-10-23
舉報
2018-03-23
單獨設置carousel-inner類的最大高度,比如:
.carousel-inner{
????????max-height: 400px;
}
這樣即使圖片高度大于400px,只顯示400px高度,具體值按照自己需要修改
2017-05-11
div上不是有個id么,用@media改那個
2015-12-18
修改原圖把。