La solución recomendada es implementarla configurando 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 es para compatibilidad con versiones anteriores a iOS 11.0.
env es una versión posterior a ios 11.2
consejo
Si descubre que no tiene efecto en la máquina real, debe configurar el atributo 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">
Entrará en vigor después de configurarlo.