初试swiper插件-让页面自适应高度

Posted zwjfrontend

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初试swiper插件-让页面自适应高度相关的知识,希望对你有一定的参考价值。

当我使用这个插件时发现不可以在每一节上写上height:auto或者height:100%,如果使用这样的确可以让页面自适应高度,但是分页器会不显示在页面的的中间,而且并不是每一页的显示。

如:

技术分享图片

此时应该要给swiper-container类  设置如下即可。

.swiper-container {
     width: 100%;
     height: 100%;
 }

 技术分享图片

完成!

以上是关于初试swiper插件-让页面自适应高度的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序swiper选项卡每个内容都小于一屏,怎么让内容高度自适应?

微信小程序:swiper高度动态适配

微信小程序swiper切换选项卡,每个选项卡内容不一样,,怎么让item的高度自适应

微信小程序页面头部高度自适应

uniapp滑块视图容器swiper高度自适应 - 解决swiper显示不完整的问题

uniapp swiper高度自适应的100%完美解决方案