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