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

时间 2020-01-04

标签微信程序 height calc 无效繁體版

原文原文链接

遇到一个小问题，记录一下小程序

问题：在微信小程序中使用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);
}