bootstrap 轮播图实现大小自适应

当轮播图的大小不统一时,此方法能保持图片原来的宽高比例,但是会出现留白,

代码如下:

1、引入所需的css 文件和js文件

2、    


其中:.banner{

         background-size:contain;
        background-position: center;
        background-repeat: no-repeat;

}

此方法就是不显示轮播图中的img ,用DIV的背景图代替轮播图原来的IMG

你可能感兴趣的:(HTML,css)