WeChat アプレット Web ビュー - ページの下部に安全な距離を設定します

推奨される解決策は、safe-area-inset-bottom を設定して実装することです。

.footerClass {
  padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
  padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}

}
定数は、iOS 11.0 より前のバージョンとの互換性のためのものです。
env は ios 11.2 以降のバージョンです

ヒント
実機で効果が無いことが判明した場合は、viweport-fit属性を設定する必要があります

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1, maximum-scale=1.0, user-scalable=0">

設定後から有効になります。