La solution recommandée est de l'implémenter en définissant 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 */
}
}
la constante est pour la compatibilité avec les versions antérieures à iOS 11.0
env est une version après iOS 11.2
conseil
S'il s'avère que cela ne prend pas effet sur la machine réelle, vous devez définir l'attribut 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">
Il prendra effet après sa configuration.