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

2019-12-30 08:42:13来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

 


原文链接:https://www.cnblogs.com/fengsaoke/p/12119077.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:html常用标签

下一篇:css3基础-选择器+边框与圆角+背景与渐变