ios底部tab穿透问题

做移动端web开发时，经常会遇到在iphone全屏手机上，fixed在底部的tabbar下面会出现穿透现象，不管加多少padding-bottom也无济于事。

问题还是出现在页面高度设置上，需要把可滚动模块的高度设置为设备视口高度100vh，而且tabbar模块得和滚动模块同层级

<div>
    <section class="content-wrap"></section>
    <div class="tabbar"></div>
</div>

.content-wrap{ 
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.tabbar {
    padding-bottom: env(safe-area-inset-bottom);
}