jquery - 流動的なレイアウトでflexsliderを使用してスライドを切り取らない方法

Question

助けが必要です。サイトでflexsliderを使用しましたが、問題があります。私のサイトは流動的です。可視領域内のスライドの量を変更するには、li のマージンを調整する必要があります。たとえば、解像度 1366px の場合は 4 アイテムが表示され、解像度 1024px の場合は 3 つのアイテムが表示されます。このスライダーで可能だと言えますか？オプションがあるため：

minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.

maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.

しかし、私の場合はうまくいきません。たぶん私は何か間違ったことをしました。これが私の召命です：

var parametrsSlider = {
            animation: "slide",
            animationLoop: false,
            itemWidth: 227,
            itemMargin: 23,
            minItems: 3,
            maxItems: 4,
            controlNav: false,
            move:1
        }
    var exist2 = $("#product-slider").length;
    if(exist2 != 0){
        $('#product-slider').flexslider(parametrsSlider);
    };
    var exist2 = $("#product-slider2").length;
    if(exist2 != 0){
        $('#product-slider2').flexslider(parametrsSlider);
    };
    var exist2 = $("#product-slider3").length;
    if(exist2 != 0){
        $('#product-slider3').flexslider(parametrsSlider);
    };

私のサイトがあります。前もって感謝します