Die empfohlene Lösung besteht darin, dies durch Festlegen von „safe-area-inset-bottom“ zu implementieren:
.footerClass {
padding-bottom: constant(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 eine Version nach iOS 11.2
Tipp
Wenn festgestellt wird, dass es auf dem realen Computer keine Wirkung zeigt, müssen Sie das Attribut viweport-fit festlegen
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1, maximum-scale=1.0, user-scalable=0">
Es wird nach der Einrichtung wirksam.