【JavaScript】Swiperのbreakpointsはmin-widthが基準

JavaScript

結論:Swiperのbreakpointsは「min-width」指定

    var swiper = new Swiper(".swiper", {
      slidesPerView: 2,
      spaceBetween: 12,
      breakpoints: {
        1280: {
          slidesPerView: 4,
          spaceBetween: 20,
        },
      },
    });    

この場合、1279pxまでは2枚表示。
1280px以上は4枚表示になる。

思うように効かないときは、ブレークポイントが意図した範囲に設定されているかもぜひご確認ください!

コメント

タイトルとURLをコピーしました