uni-app在H5端底部部分內容被tarbar遮蓋，顯示不全
阿新 • • 發佈：2021-04-28
問題：在H5端時，底部的部分內容被tarbar遮蓋住，小程式端是正常的，如下兩圖所示：
小程式端
H5端（chorme瀏覽器）
原因：導航欄和 tabbar 均是原生控制元件，元素區域座標是不包含原生導航欄和 tabbar 的；而 H5 裡導航欄和 tabbar 是 div 模擬實現的，所以元素區域座標會包含導航欄和tabbar的高度。
解決：通過uni-app自帶的2個css變數：--window-top 和 --window-bottom，這代表了頁面的內容區域距離頂部和底部的距離。也就不需要再通過條件編譯進行css的編寫；
<view style="width: 100%;height:var(--window-bottom);"></view>
小程式端
H5端（chorme瀏覽器）
