bug：h5页面的底部栏每次切换都会纵跳，应该如何避免此情况？

背景

h5页面，切换页面时，底部栏每次切换都会反复纵跳，影响用户体验。

原因

根页面没有设置默认的基础样式，切换页面的时候，底部栏会重新计算高度，导致出现肉眼可见的纵跳情况。

解决方案

给根页面设置好默认的基础样式：

height: 100vh;
width: 100vw;
position: relative;