在猫头鹰旋转木马1中,我可以根据视口宽度指定不同数量的项目:
items:5,
itemsDesktop:[1199,4],
itemsDesktopSmall:[979,3],
itemsTablet:[768,2],
itemsMobile:[479,1]
但是,上面的代码不适用于Owl轮播2.此外,规格建议使用唯一的选项:
items: 3 // or any ther number here
因此,移动设备和桌面设备上显示的项目数量相同。我错过了什么吗?
答案 0 :(得分:1)
尝试使用responsive
选项。在文档中阅读:
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
在这个帖子中,hvsh在底部给出了一个例子: https://github.com/OwlCarousel2/OwlCarousel2/issues/1363
同样在演示页面上,他们举了一个例子: https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html