Javascript 使用断点的响应式旋转木马

Javascript 使用断点的响应式旋转木马,javascript,slick.js,Javascript,Slick.js,如果我在断点上使用类似的东西,是否可以设置一个介于200和320之间的规则?因此,200到300之间的所有内容都会像媒体查询一样受到影响 $('.responsive').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: {

如果我在断点上使用类似的东西,是否可以设置一个介于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
      }
    }

  ]
});

使用
window.innerWidth
获取调整大小时的宽度,然后在其周围环绕一些if语句以设置您的最小值和最大值:

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

希望这有助于

看,我确信这很好,但我几乎没有使用js的经验,所以你刚才写的可能是中文lol。我不知道该怎么做。你能详细说明一下吗?
window.onresize = function(event) {
    myChangeFunction();
};