小程序苹果端底部间距

1、问题:如下图所示,小程序苹果端有一段间距,如果设置页面高度为100vh,就会重合

 2、解决:可以用到env(safe-area-inset-bottom)这个变量(注意:该变量是IOS 系统内核提供的,在IOS上正常使用;而安卓和开发工具上用的是 Chromium 内核,没有这个变量,所以不支持)

 .page{
   ...
   padding-bottom: env(safe-area-inset-bottom);
}

 

posted @ 2022-03-22 14:35  Pavetr  阅读(233)  评论(0)    收藏  举报