swiper插件遇到的坑

1.網速卡的狀況下輪播圖會出現塌陷

解決方法：

在swiper外層固定高度，用填充百分比方法：

html代碼：在swiper-container加一層外層，外層用padding-top:50%(看圖片大小而定)

<div class="swiper_wrap">
    <div class="swiper-container">
        <div class="swiper-wrapper">...</div>
    </div>
</div>

樣式：

<style type="text/css">
	.swiper_wrap{position: relative; padding-top:42%; overflow: hidden;}
	.swiper_wrap .swiper-container{ position: absolute; left: 0;top: 0;width: 100%;height: 100%; }
</style>