jQuery Slick轮播版式不适用于移动版式

如何解决jQuery Slick轮播版式不适用于移动版式

我正在尝试使用以下代码将Slick幻灯片设置为在中心模式下显示：

// slider
$('.slider-inner').slick({
    centerMode: true,centerPadding: '260px',dots: 0,slidesToShow: 1,responsive: [
        {
            breakpoint: 768,settings: {
                arrows: false,centerMode: true,centerPadding: '40px',slidesToShow: 1
            }
        },{
            breakpoint: 480,slidesToShow: 1
            }
        }
    ]
});

桌面布局

在下面，您可以看到它在我的桌面布局上的外观，几乎完全是我想要的样子（显示了一张照片，另外两张被剪掉了）：

平板电脑布局

但是，尽管我在代码中设置了responsive选项，但是当我以768px宽观看时，却得到了3张与标准轮播一样的图像。我发现，无论我在responsive选项中设置了什么值，它对平板电脑的布局都没有影响。

但是，如果我更改了默认选项（例如，对于桌面版式），则会对移动版式产生影响：