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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM