Swiper、video等组件自适应高度的办法。

发布于 5 年前作者 jie581366 次浏览最后编辑 5 年前来自 share

用过swiper和video等组件的人都知道,这几个组件的高度是无法自适应屏幕高度的,也退style="height:100%"是无用的。

以下是解决组件自适应高度的办法,代码如下:

<view style="height: 100%;display: flex;flex-direction: column;">

<swiper style="flex:1">

</swiper>

</view>

这样,这个swiper就能自适应高度了。

2 回复
juan79
juan791 楼5 年前

已阅

rcao
rcao2 楼3 年前

在app.wxss里需要加上:

page {
  height: 100%;
}