Javascript Jssor-减少较小屏幕上的幻灯片

我正在制作一个具有1到X张幻灯片的全宽滑块，一次显示4张幻灯片。它在大屏幕或中屏幕上看起来真的很棒，但是响应脚本将大幅减少较小屏幕上滑块的宽度，以便仍然包含所有4张幻灯片。有没有办法只在较小的屏幕上调整Cols或SlideWidth，这样就不会大幅调整幻灯片的大小

$(document).ready(function(){
    var jssor_1_options = {
        $AutoPlay: true,
        $AutoPlaySteps: 4,
        $FillMode: 5,
        $Cols: 4,
        $SlideWidth: 313,
        $SlideSpacing: 15,
        $SlideDuration: 800,
        $SlideEasing: $Jease$.$OutQuint,
        $ArrowNavigatorOptions: {
            $Class: $JssorArrowNavigator$,
            $Steps: 1,
        },
    };

    var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

    function ScaleSlider() {
        var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
        if (refSize) {
            refSize = Math.min(refSize, 1920);
            jssor_1_slider.$ScaleWidth(refSize);
        }
        else {
            window.setTimeout(ScaleSlider, 30);
        }
    }

    ScaleSlider();
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
});

---

根据屏幕宽度减少$Cols。如何根据屏幕宽度使用不同的配置重新初始化jssor，而不降低站点性能？根据屏幕宽度，为$Cols加载具有不同值的var jssor_1_选项，但这是一次性检查，不是吗？当某人在调整浏览器大小后仅使用其浏览器的一半宽度进行浏览时，他需要首先重新加载页面。检查设备（屏幕）宽度，而不是窗口宽度根据屏幕减少$Cols。宽度如何根据屏幕宽度使用不同的配置重新初始化jssor，在不降低网站性能的情况下？根据屏幕宽度，为$colsb加载具有不同值的var jssor_1_选项，但这是一次性检查，不是吗？当某人在调整浏览器大小后仅使用其浏览器的一半宽度浏览时，他需要首先重新加载页面。请检查设备（屏幕）宽度，而不是窗口宽度