如何在移动设备上实现全宽度的旋转木马效果

Question

如何在移动手机或小屏幕设备上使我的轮播图变成全宽？任何帮助将不胜感激。您可以查看下面的代码，或者直接在我的CodePen上查看-https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO

P粉170438285 · Answer

希望它对你有用！！！

jQuery(document).ready(function(){
            jQuery('#owl-carousel').owlCarousel({
                loop: true,
                margin: 0,
                dots: true,
                nav: true,
                items: 2,
                responsiveClass:true,
                responsive:{
                    1000:{
                        items:2,
                        nav:true,
                        loop:true
                    },
                    600:{
                        items:1,
                        nav:true,
                        loop:true
                    },
                    0:{
                        items:1,
                        nav:true,
                        loop:true
                    }
                }
            });
        });

.contain {
    width: 100%;
}

.item {
     width:100%;
     color: white;
     background-color: salmon;
     display: block;
}



  
    
    
    
    Dashboard