Mand Mobile底部导航栏在iPhone X上被遮挡怎么办？

用Mand Mobile的mand-footer做底部导航时，在iPhone X真机测试发现底部按钮被遮挡了一半，调整过padding-bottom也没用，求大佬指点！

我的布局是这样的：

<template>
  <div class="page">
    <mand-navbar>标题</mand-navbar>
    <div class="content">...主要内容...</div>
    <mand-footer>...底部按钮...</mand-footer>
  </div>
</template>

尝试过给.content加padding-bottom: 50px，以及给footer加position: fixed，但iPhone X底部区域还是被系统指示灯遮挡。用开发者工具模拟时没这个问题，求解具体适配方案！