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>
转载于:https://www.cnblogs.com/huanghuali/p/10894301.html
相关资源：25个经典网站源代码