Vue Web de l'applet WeChat - définissez la distance de sécurité en bas de la page

Solution recommandée, implémentée en définissant la zone de sécurité-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 la version après iOS 11.2

astuce
S'il s'avère que cela ne prend pas effet sur la machine réelle, vous devez définir l'attribut viweport-fit

Il prendra effet une fois défini.