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

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

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程