Vant 3.* 底部安全区适配部分页面不生效

最新推荐文章于 2024-09-04 15:59:13 发布

-摆渡人

最新推荐文章于 2024-09-04 15:59:13 发布

阅读量2.7k

点赞数 1

分类专栏： web 文章标签： html css vue

本文链接：https://blog.csdn.net/sinat_31327113/article/details/120725465

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

底部安全区适配

// index.html 增加
<meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />

// 全局样式增加
@supports(bottom:env(safe-area-inset-bottom)){
  #app{
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

设置后部分页面不生效，经过排查是高度设定的100vh导致的，修改100%后生效。