在Owl carousel 1中,我可以根据视口宽度指定不同的项目显示数量:

items:5,
itemsDesktop:[1199,4],
itemsDesktopSmall:[979,3],
itemsTablet:[768,2],
itemsMobile:[479,1]


但是,以上代码不适用于Owl carousel2。此外,规范还建议您使用以下唯一选项:

items: 3 // or any ther number here


因此,与移动设备和台式机上显示的项目数相同。我错过了什么?

最佳答案

尝试使用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

09-25 19:24