Owlcarousel 2 调整大小 Window 调整大小（已编辑）

Question

我正在使用 Owlcarousel 2，但我遇到了一个奇怪的故障。在任何类型的设备上，当发生调整大小时，轮播中的项目将其宽度更改为大小的大约 3 倍。

调整大小可能是在移动设备上超过某个点时触发的，这是最初的问题。

这是我的实现：

$('.owl-carousel').owlCarousel({
   loop: false,
   margin: 25,
   nav: true,
   items: 1,
   responsive : {
    0 : {
        stagePadding: 10,
          items:1,
    },
    480 : {
        stagePadding: 50,
          items:1,
    },
    768 : {
        stagePadding: 75,
          items:1,
    }
}

});

这是我在滚动点之前和之后的屏幕截图。

之前（一切正常）

AFTER（宽度调整后错误）

我试过在 CSS 中对宽度设置一些限制，但这有一些其他影响。

发展URL就是这样，你只能看到992像素以下的Owl轮播。

Link to the site in development

我该如何解决这个问题？

Answer 1

这个 CSS 会修复它：

#packages_wrapper.mobile{
    width:100%;
}

原因是Owl有时会搞不清楚他容器的宽度是多少，我们需要给他的parents加上"width:100%"直到Owl能正确计算出来了。

Owlcarousel 2 调整大小 Window 调整大小（已编辑）

Owlcarousel 2 Resizes On Window Resize (edited)

owl-carousel-2