安全区域适配的两三事

SHOYUF

安全区适配方式

  • 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 导航栏

湘ICP备13009407号