Webansicht des WeChat-Applets – Legen Sie den Sicherheitsabstand am unteren Rand der Seite fest

Empfohlene Lösung, implementiert durch Festlegen des Safe-Area-Inset-Bottom:

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

}
Die Konstante dient der Kompatibilität mit Versionen vor iOS 11.0
env ist die Version nach iOS 11.2

Tipp
Wenn festgestellt wird, dass es auf der realen Maschine keine Wirkung zeigt, müssen Sie das viweport-fit-Attribut

Es wird wirksam, nachdem es eingestellt wurde.