光滑无法在iPhone / iPad Chrome上更改方向/调整窗口大小

Question

使用resize orientationchange仅在iPhone和iPad chrome上调整宽松轮播的大小时遇到​​一个奇怪的问题。

我的目标是在移动人像上流畅运行，但取决于屏幕宽度，在横向上应该回到桌面上的外观，从而去除光滑轮播。我在下面附上了一些图片，这些图片在可以正常工作的android设备上的外观以及在似乎无法正常工作的iPhone上的外观。

我的精巧js：

$(document).ready(function() {
    $(".carousel").slick( {
        slide:".slide",
        slidesToShow:2,
        slidesToScroll:1,
        autoplay:1,
        infinite: true,
        autoplaySpeed:2000,
        mobileFirst: true,
        responsive:[{
            breakpoint:500,
            settings: { slidesToShow: 3 }
        },{
            breakpoint: 650,
            settings: 'unslick'
        }]
    });
});

和调整大小：

$(window).on("resize orientationchange", function() {
    $(".carousel").slick("resize");
});

此代码在所有其他设备和浏览器上均能正常运行，并且在iPhone / iPad Safari上也能正常运行。我对此所做的任何研究都会促使我建议resize orientationchange应该已解决此问题。