Owlcarousel 2在窗口上调整大小已编辑

如何解决Owlcarousel 2在窗口上调整大小已编辑

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

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

这是我的实现方式

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

}）;

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

之前（一切正常）

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

我尝试对CSS的宽度设置一些限制，但这还有其他影响。

开发URL就是这样，您只能看到992像素以下的“猫头鹰轮播”。

Link to the site in development

我该如何解决？

解决方法

此CSS将对其进行修复：

#packages_wrapper.mobile{
    width:100%;
}

之所以这样，是因为猫头鹰有时会对他的容器的宽度感到困惑，因此我们需要在他的父母身上加上“ width：100％”，直到猫头鹰能正确地弄清楚。