WeChat 애플릿 웹뷰 - 페이지 하단에 안전 거리를 설정하세요

권장되는 해결 방법은 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 */
}

}
상수는 iOS 11.0 이전 버전과의 호환성을 위한 것입니다.
env는 iOS 11.2 이후 버전입니다.

팁
실제 머신에 적용되지 않는 것으로 확인되면 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">

설정 후 적용됩니다.