Owlcarousel 2 在窗口调整大小时调整大小（已编辑）答案

【问题标题】：Owlcarousel 2 Resizes On Window Resize (edited)Owlcarousel 2 在窗口调整大小时调整大小（已编辑）
【发布时间】：2020-08-14 14:30:01
【问题描述】：

我正在使用 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,
    }
}

});

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

之前（一切正常）

之后（宽度调整了，这是错误的）

我尝试在 CSS 中对宽度进行一些限制，但这会产生一些其他影响。

开发网址是这个，你只能看到992像素以下的猫头鹰轮播。

Link to the site in development

我该如何解决这个问题？

【问题讨论】：

标签： owl-carousel-2

【解决方案1】：

这个 CSS 将修复它：

#packages_wrapper.mobile{
    width:100%;
}

原因是 Owl 有时会对他的容器的宽度感到困惑，我们需要在他的父母中添加 "width:100%" 直到 Owl 能够正确计算出来。

【讨论】：