首次加载时猫头鹰轮播宽度问题

Question

我正在使用猫头鹰旋转木马。这是我的剧本：

$("#owl-demo").owlCarousel({ 
  items : 3
});

我希望容器显示3张图片。但是，这是第一次加载时的图片

但是当我调整浏览器的大小时，虽然只是一点点，但是图像的大小会变为实际大小和我想要的设置

所以，问题是我第一次加载浏览器时的图像预览。 为什么会这样？我认为有关浏览器大小的问题

Answer 1

当我在工作状态下测量猫头鹰阶段容器的宽度时，我解决了这个问题。然后按照以下样式设置值：

#photo-gallery .owl-stage {
  min-width: 10317px;
}

我的JS：

$(document).ready(function(){
      $('.owl-carousel').owlCarousel({
        center: true,
        loop:true,
        margin:20,
        autoWidth: true,
        responsive:{
            0:{
                items: 1,
                autoWidth: false
            },
            908:{
                items: 1,
                autoWidth: true
            },
            1236:{
                items: 3
            }
        }
      });
    });