使用斷點的響應輪播

Question

如果即時通訊使用類似這樣的斷點，是否可以在200到320之間設置規則？因此，媒體查詢會影響200到300之間的所有內容。

$('.responsive').slick({ 
    dots: true, 
    infinite: false, 
    speed: 300, 
    slidesToShow: 4, 
    slidesToScroll: 4, 
    responsive: [ 
    { 
     breakpoint: 1024, 
     settings: { 
     slidesToShow: 3, 
     slidesToScroll: 3, 
     infinite: true, 
     dots: true 
     } 
    }, 
    { 
     breakpoint: 600, 
     settings: { 
     slidesToShow: 2, 
     slidesToScroll: 2 
     } 
    }, 
    { 
     breakpoint: 480, 
     settings: { 
     slidesToShow: 1, 
     slidesToScroll: 1 
     } 
    } 

    ] 
}); 

Answer 1

使用window.innerWidth獲得在調整大小寬度，然後就換​​了幾個，如果它周圍的語句來設置你分鐘，最大：

var w = window.innerWidth; 
if((w > 200)||(w <300)) { do something } 

那麼你可以使用

window.onresize = function(event) { 
    myChangeFunction(); 
}; 

希望這有助於