如何设置 整个轮播插件的高度，以适应开发的需求，仍然满足响应式的布局
来源：5-10 图片轮播--轮播图片的设计（三）
XHK
2015-10-23 14:57
要求将整个轮播的区域的高度限定在412px,并且仍然满足按照屏幕缩放的时候，图片仍然可以按比例缩放。
目前重写了 carousel 的样式：
.carousel { height: 412px;margin-bottom:40px;}
.carousel .item {height: 412px;}
但是屏幕缩放的时候，图片宽度会随之改变，但是高度还是412px,导致图片变形
写回答
关注
3回答
-
- 慕码人9185764
- 2018-03-23 19:05:05
单独设置carousel-inner类的最大高度，比如：
.carousel-inner{
max-height: 400px;
}
这样即使图片高度大于400px，只显示400px高度，具体值按照自己需要修改
-
- 洋葱宝宝
- 2017-05-11 23:36:51
div上不是有个id么,用@media改那个
-
- weibo_比小麻雀还愤怒_0
- 2015-12-18 14:41:09
修改原图把。
玩转Bootstrap（JS插件篇）
带领大家学习怎么使用JS自由控制Bootstrap中提供的组件
128657 学习 · 296 问题
相似问题