苹果手机的浏览器，地址栏会挡住页面底部导航

根本原因在于布局结构：内容区域使用了 flex1，底部TabBar使用了 fixed 定位（虽然没有直接在CSS中看到，但类名 bottomfixed 通常意味着 position: fixed; bottom: 0;）。

为了解决这个问题，建议采用 “安全区域适配（Safe Area Insets）” + “布局结构调整” 的组合方案。

1. 引入 viewport-fit=cover：让页面占用整个屏幕（包括刘海和底部黑条区域）。

2. 使用 env(safe-area-inset-bottom) 和 constant()：给底部TabBar增加内边距，避开Home Indicator。

3. 调整Flex布局：确保主内容区不侵占底部TabBar的空间。
   

/* ===== 苹果底部安全区适配 ===== */
.wechat__tabBar,
.bottomfixed,
.wechat__tabBar .bottomfixed {
    /* 关键：给底部增加安全区域距离 */
    padding-bottom: constant(safe-area-inset-bottom) !important; /* iOS 11.0-11.2 */
    padding-bottom: env(safe-area-inset-bottom) !important;     /* iOS 11.2+ */
    /* 如果不生效，直接用固定值兜底 */
    padding-bottom: 20px !important;
}

/* 同时确保底部栏的bottom值考虑了安全区域 */
.wechat__tabBar {
    bottom: 0 !important;
    /* 如果原本是fixed定位，保留fixed，但要确保父容器正确 */
}

/* 如果你的底部栏是用fixed定位的，可以配合下面这个 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .wechat__tabBar .bottomfixed {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
}

/* 更稳妥的做法：给底部栏包裹一层容器，用绝对定位 + 安全区域 */
.wechat__tabBar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    background: #fff !important;
    /* 核心：用安全区域撑高底部 */
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    padding-bottom: constant(safe-area-inset-bottom, 0px) !important;
}

/* 如果以上仍不行，用JS强制修正 */

如果上面的方案因CSS冲突无效，还有一个“暴力”后备方案：

如果不想改动现有布局（保留 fixed 定位），可以在页面加载后通过JS动态计算并调整底部栏的位置：

// 放在页面加载完成时执行
$(function() {
    // 针对iOS设备，动态调整底部栏位置
    var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
    if (isIOS) {
        // 获取底部安全区域高度（单位px）
        var safeBottom = 0;
        // 尝试通过CSS变量获取
        var computedStyle = getComputedStyle(document.documentElement);
        var cssSafeBottom = computedStyle.getPropertyValue('--safe-area-inset-bottom');
        if (cssSafeBottom) {
            safeBottom = parseFloat(cssSafeBottom);
        } else {
            // 降级方案：iOS 15+ 底部Home Indicator高度约为34px
            // 在iPhone X及以上机型才有，可以通过屏幕比例判断
            var screenRatio = window.screen.height / window.screen.width;
            if (screenRatio > 2 && screenRatio < 2.2) { // 近似刘海屏比例
                safeBottom = 34;
            }
        }
        
        // 如果底部栏使用了fixed定位，增加bottom值
        $('.wechat__tabBar, .bottomfixed').css('bottom', safeBottom + 'px');
    }
});