关于swpier的问题

Question

页面引入swiper,初始状态。

              <div class="swiper-wrapper">

                    <div class="swiper-slide"><img src="images/banner4.jpg" alt="杯子"/></div>

                  <div class="swiper-slide"><img src="images/banner1.jpg" alt="杯子"/></div>

                  <div class="swiper-slide"><img src="images/banner2.jpg" alt="杯子"/></div>

                  <div class="swiper-slide"><img src="images/banner3.jpg" alt="杯子"/></div>

              </div>

            </div>

    <script type="text/javascript">

      var mySwiper = new Swiper('.swiper-container',{

        loop: true,

        autoplay: 3000,

      });  

    </script>

自己没有在这块加任何CSS样式，每个滑块的<img>图片高度都是350px;可是打开页面，每个swiper-slide的height就自动变成2000多px,这是怎么回事啊。

高度2000多px，都把下面内容挤到底部了。

Answer 1

检查样式&nbsp;swiper.min.css&nbsp;是否引入确定&nbsp;swiper&nbsp;父级元素定位问题，是否有脱离文档流图片可以设置一下&nbsp;img { max-width: 100%; }更具体问题，需要看过CSS才能知道了，希望以上建议能帮到你