swiper slidesPerView: “auto“ 留下的坑

需求：是将一个模块改为轮播图，竖着轮播，比较麻烦的是每个子模块的大小不一样，有一些高一点，有一些没那么高。

问题：根据我这种情况，普通的slidesPerView 是解决不了的，因为正常设置这个属性会平均你的大小，然后平分给各个子模块，据文档描写，可以用 ’auto‘ 这个值，让其自适应各个子模块。问题来了，设置了 slidesPerView: "auto" 这个属性之后就无法正常滚动了。

解决方案：经过了不断的查看dom和浏览文档，发现是高度的问题，因为我的父元素的高度是800px,然后swiper自动将子模块平分为3份，但是子元素因为大小不一，所以并不会完全占满父元素的高度，导致swiper本身计算出现问题，导致无法正常滚动，然后调整父元素的高度即可解决这个问题

<div class="pt10 swiper" id="monitoring">
    <div class="swiper-wrapper">
        <div
          class="swiper-slide">
        </div>
    </div>
</div>


.swiper {
  height: 85%;  //比较适合我的高度（需自行调整至满足自身的高度，高度可小不可大）
}

      调整完高度即可正常滚动！

注：

        - 父元素高度可以小一点，但是不能大，大了会使轮播失效

结束...，回去继续头脑风暴了！~~~