安全区域适配的两三事

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

本站使用署名 4.0 国际 (CC BY 4.0) 创作共享协议,转载请署名,图片请转存。

提醒:本文最后更新于 802 天前,文中所描述的信息可能已发生改变,请谨慎使用。

湘ICP备13009407号