1、meta标签放入viewport-fit=cover
ps:它是干嘛的自行度娘
<meta name="viewport" content="width=device-width...... viewport-fit=cover">
2、css设置
@supports (bottom: env(safe-area-inset-bottom)){
body,
.footer(底部栏){
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
不要忘记将底部栏放上footer
这个class类名!
搞定!
作者:easonR
链接:https://www.jianshu.com/p/d9ca9f85d06e
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。