javascript - 猫头鹰轮播响应 1170px div 宽度问题

Question

当我的显示尺寸小于 1170px 时，owl carousel div 宽度溢出。我在做什么？

    jQuery(document).ready(function($) {
    "use strict";
    //  TESTIMONIALS CAROUSEL HOOK
    $('#customers-testimonials').owlCarousel({
        loop: true,
        center: true,
        items: 3,
        margin: 0,
        autoplay: true,
        dots:false,
        autoplayTimeout: 8500,
        smartSpeed: 450,
        responsive: {
          0: {
            items: 1
          },
          768: {
            items: 2
          },
          1170: {
            items: 3,
            nav:true
          }
        }
    });
});

Answer 1

试试这个! autoWidth true 或者你修改css! 在 js 中

$('.owl-carousel').owlCarousel({
    margin:10,
    loop:true,
    autoWidth:true,
    items:4
})

或在 CSS 中

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}