So implementieren Sie einen Karusselleffekt in voller Breite auf Mobilgeräten

Question

Wie stelle ich mein Karussell auf einem Mobiltelefon oder einem Gerät mit kleinem Bildschirm auf die volle Breite ein? Jede Hilfe wäre sehr dankbar. Sie können sich den Code unten oder direkt auf meinem CodePen ansehen – 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

So implementieren Sie einen Karusselleffekt in voller Breite auf Mobilgeräten

Antworte allen(1)Ich werde antworten