小程序顶部和底部的适配问题

第一步
index.html中中添加 viewport-fit=cover

<meta name="viewport" content="..., viewport-fit=cover" />

第二步
给固定的header和footer添加css样式：

/* 判断iphoneX 将 footer 的 padding-bottom 填充到最底部 */
@supports (bottom: env(safe-area-inset-bottom)){
    body,
    .footer{
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}