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

safe-area-inset-bottom を設定することで実装される推奨ソリューション:

.footerClass {
  パディングボトム: 定数(セーフエリアインセットボトム); /* iOS 11.0 */
  パディングボトム: env(セーフエリアインセットボトム); /* iOS 11.2 */
}

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

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

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