uni-app带来了诸多方便也带来各平台之间的差异。#

• 在H5端css属性height: 100vh是相对于整个浏览器视口高度；
• 非H5平台则是减掉原生导航栏和原生tabbar的高度，因此会造成H5端出现垂直滚动条，非H5平台则正常显示的问题。 解决方案: 利用uniapp提供的条件编译，H5端使用100vh - 44px(原生导航栏高度)- 50px(原生tabBar高度)，非H5平台端则直接使用100vh即可。

1
.page{
2
    // #ifndef APP-PLUS
3
  height: calc(100vh - 44px - 50px); // 非APP平台下生效
4
  // #endif
5
  // #ifdef APP-PLUS
6
  height: calc(100vh);    // APP平台下生效
7
  // #endif
8
  background-color: #ededed;
9
}