最近在写项目中用到swiper做标签页切换,因每个标签页的内容不一样,所以需要自适应高度,根据官方API在swiper中添加 autoHeight: true ,但是并没有什么卵用,是ajax的原因还是我自定义个一些样式覆盖掉了swiper.css中的某些样式这个我没有去研究。

期间也试过了像:

overflow: hidden;

overflow: auto !important;

都没有用。

接下来说一下我的自适应高度的实现,在自己的css中添加:

.swiper-slide{height:1px} /* 随意指定一个height值即可 */    

.swiper-slide-active { height:auto}

完美解决。下面是效果图:

解决swiper的自适应图片高度问题的方法,一句CSS搞定。

 

解决swiper的自适应图片高度问题的方法,一句CSS搞定。

标签: 方法 图片
点击这里复制本文地址

以上内容由qqso网站教程网整理呈现.
原文地址:解决swiper的自适应图片高度问题的方法,一句CSS搞定。发布于2022-07-05 06:00:47。
请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!