前言
搜了半天,看到的文章都是通过计算子元素高度*子元素数量去计算,缺点很明显,如果子元素高度不统一呢?
实现
只要wxml结构布局的好,纯css就可以做到高度自适应
wxml结构
swiper
swiper-item
scroll-view scroll-y
.content
wxss代码
swiper, swiper-item, scroll-view {
height: 100vh; // 高度自行定义,这里是全屏
// height: calc(100vh - tab栏高度);
}
总结,现在放在.content的内容无论是什么都可以做到自适应了
网友评论