在轮播图上放图片时,经常因为图片不够宽或者太宽,高度不够或者高度太过的情况,如何调整图片尺寸呢?
如果图片太窄,填不满页面时,可以设置:
.carousel-inner img{
width: 100%;
}
用width:100%将页面填满。
如果图片太高,占的页面太多空间的话,可以设置:
#myCarousel{
width: 100%;
max-height: 500px;
}
.carousel-inner img{
width: 100%;
max-height: 500px;
}
用max-height限制高度。