微信小程序 - 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);
}

 

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

上一篇:微信配置Universal Link解决方案支持多个app


下一篇:第五篇、【微信告警与监控项触发关联】