Owl 旋转木马响应式仅适用于桌面？

Question

大家好，我的网站 https://www.woohwho.com/services/b2b-accountancy-ltd/ 我的 owl 旋转木马在桌面上工作，但出于某种原因在移动设备上它会忽略它，只是将所有项目放在一张幻灯片中，我不确定为什么，

他是我正在使用的 owl 轮播代码：

$('#owl-one').owlCarousel({
            items: 1,
            loop:true,
            margin:5,
            nav:true,
            navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
            autoPlay: true,
            responsiveClass: true,
            responsive:{
              0:{
                  items:1
              },
              600:{
                  items:1
              },
              1000:{
                  items:1
              }
            }
        });

Answer 1

在检查您的页面和 CSS 时，它说您在 .owl-item class:

上添加了以下 CSS 样式

@media (max-width: 768px)
.owl-item {
    min-width: 100%;
}

Removing/disabling 这种风格解决了这个问题。添加此样式的任何原因？如果这是针对其他页面，请确保通过 .page-id-9 .owl-item 添加样式，例如对于 ID 为 9 的特定页面。

Owl 旋转木马响应式仅适用于桌面？

Owl Carousel responsive not working only desktop?

php

wordpress

owl-carousel