欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

swiper在不同设备不同分辨率下显示不同的slide

程序员文章站 2023-12-25 18:27:15
...

如下图所示。在不同设备下显示的Slide数量不同。

swiper在不同设备不同分辨率下显示不同的slide

swiper在不同设备不同分辨率下显示不同的slide

swiper在不同设备不同分辨率下显示不同的slide

 

做法如下。设置   

 slidesPerView:'auto',

然后设置不同分辨率下slide的宽度就可

 .swiper-slide{ width: 25%;}
 .swiper-slide{ width: 33.3%;}
 .swiper-slide{ width: 50%;}

 

相关标签: 前端效果

上一篇:

下一篇: