微信小程序 - height: calc(xx - xx);无效

遇到一个小问题,记录一下

问题:在微信小程序中使用scroll-view标签时,用height:cale(xx - xx)设置高度无效(注:在运算符前后都要有空格),,在page中设置高度为百分百依旧无效

解决办法:直接在父级view标签中设置高度为百分百即可

<view style="height:100%;">
    <!-- 视频列表 -->
    <scroll-view class="videoList" scroll-y>
    </scroll-view>
</view>
page {
    height: 100%;
}
.videoList {
    height: calc(100% - 480rpx);
}

 

posted @ 2019-12-30 12:10  藏锋于己  阅读(2425)  评论(0编辑  收藏  举报