安全区域适配的两三事

安全区适配方式

• CSS：

  @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .footer {
    bottom: calc(constant(safe-area-inset-bottom));
    bottom: calc(env(safe-area-inset-bottom));
  }
  }

• meta标签

• 100vh 不适配 iOS safari 导航栏