浏览器滚动条上的猫头鹰轮播2宽度问题

Question

我正在使用带有Bootstrap框架的Owl Carousel 2。我在Carousel中有12个项目，我需要在1280像素的宽分辨率上显示三个。

owl-stage宽度计算为Carousel的总宽度（在桌面上为1280px），当页面上没有滚动条时，该宽度为3772px。

现在，如果我打开开发人员工具然后再将其关闭（即将滚动条带到页面然后删除），则课程owl-stage的宽度变为3840px。

由于这个原因，在页面加载时宽度为3772，第四张幻灯片的某些内容是可见的（可能只有5-6像素），但它会扰乱布局。

autoWidth:true未应用。

$('.owl-carousel').owlCarousel({
    loop: true,
    margin: 0,
    nav: true,
    onInitialized: fixOwl,
    onRefreshed: fixOwl,
    navText: [
        "<span class='left-arrow-purple-bar'></span>",
        "<span class='right-arrow-purple-bar'></span>"
    ],
    responsiveClass: true,
    responsive: {
        320: {
            items: 1.2,
            nav: true
        },
        520: {
            items: 1.45,
            nav: true
        },
        720: {
            items: 2.4,
            nav: false
        },
        960: {
            items: 3,
            nav: true,
            loop: false,
            slideBy: 3,
            margin: 0
        }
    }
});