关于安卓上显示Swiper的不兼容和异常

风凌云渡

因为项目需要触摸效果，才知道有这个插件，将它放在项目上后，我发现ios的所有浏览器都OK。但是在安卓上，我几乎是测试了3个手机都显示不出效果。求解。。。真的不知道该怎么解决。是因为我代码的原因还是什么吗？

1. <div class="top-fixed">
   
2.     <div class="dogschool-cj"><img src="/img/doghschool.jpg"/><div class="cj-txt"><i><p>养宠学堂</p>解决你作为养狗新手的头疼问题</i></div></div>
   
3.     <div class="swiper-container">
   
4.         <div class="swiper-wrapper">
   
5.             <a href="#yypc" class="swiper-slide">营养配餐</a>
   
6.             <a href="#jkfy:" class="swiper-slide">健康防疫</a>
   
7.             <a href="#xwjd" class="swiper-slide">行为解读</a>
   
8.             <a href="#szrz" class="swiper-slide">随主入住</a>
   
9.             <a href="#sxhl" class="swiper-slide">梳洗护理</a>
   
10.             <a href="#znxl" class="swiper-slide">智能训练</a>
    
11.         </div>
    
12.     </div>
    
13. </div>

复制代码

1. <script type="text/javascript" src="/js/swiper.min.js"></script>
   
2. <link rel="stylesheet" type="text/css" href="/css/swiper.min.css"/>
   
3. <link rel="stylesheet" type="text/css" href="/css/dogschool.css"/>

复制代码

1.   var swiper = new Swiper('.swiper-container', {
   
2.             slidesPerView:3,
   
3.             centeredSlides: false,
   
4.             paginationClickable: false,
   
5.             spaceBetween: 30
   
6. 
   
7.         });

复制代码

1. .swiper-slide{height: 35px;line-height: 35px;display: inline-block;text-align: center;color: #ffffff;background: #333847;margin: 0!important;}
   
2. .swiper-container{background: #333847;}

复制代码

唯一修改的就是.swiper-slide和.swiper-container这2个类的css了。所有CSS，js，html都传上来了。希望得到帮助！

mogu

同问  楼主解决了么

yama

我的是qq浏览器和自带的浏览器可以，但是百度浏览器没有效果，楼主解决了吗