swiper系列 | 轮播图横向显示异常处理办法

习惯写手机端页面,添加一句*{margin: 0px;padding: 0px};

在利用swiper插件写轮播图时,就会出现下面这个情况:后一张轮播图有部分显示异常。调试了很久,才发现是margin: 0px;这句影响的。

swiper系列 | 轮播图横向显示异常处理办法_第1张图片

不添加margin: 0px;又不行,会有边距。

swiper系列 | 轮播图横向显示异常处理办法_第2张图片

原来,解决办法是,在body标签中,添加CSS:。现在来看下效果,正常了

swiper系列 | 轮播图横向显示异常处理办法_第3张图片

完整代码:





    
    
    
    Document
    



    

 

你可能感兴趣的:(swiper)