swiper媒体查询，不同分辨率，动态展示轮播数量

breakpoints

断点设定：根据屏幕宽度设置某参数为不同的值，类似于响应式布局的media screen。
只有部分不需要变换布局方式和逻辑结构的参数支持断点设定，如slidesPerView、slidesPerGroup、 spaceBetween，而像slidesPerColumn、loop、direction、effect等则无效。

breakpoints参数

类型： object

启用版本：3.2.0

使用方法示例

<script>
var swiper = new Swiper('.swiper-container', {
  slidesPerView: 4,
  spaceBetween: 40,
 
  breakpoints: { 
    //当宽度小于等于320
    320: {
      slidesPerView: 1, // 设置slider容器能够同时显示的slides数量.可以设置为数字（可为小数，小数不可loop），或者 'auto'则自动根据slides的宽度来设定数量。
      spaceBetween: 10 // slide之间的距离（单位px）。
    },
   //当宽度小于等于480
    480: { 
      slidesPerView: 2,
      spaceBetween: 20
    },
    //当宽度小于等于640
    640: {
      slidesPerView: 3,
      spaceBetween: 30
    }
  }
})
</script>

官网文档地址：https://3.swiper.com.cn/api/basic/2015/1111/289.html

slidesPerView

slidesPerGroup

spaceBetween