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>