前端刘海屏适配

最新推荐文章于 2022-11-23 11:02:47 发布

charlie_y

最新推荐文章于 2022-11-23 11:02:47 发布

阅读量665

点赞数

分类专栏： vue 文章标签： css vue.js

本文链接：https://blog.csdn.net/charlie_y/article/details/113551946

版权

4 篇文章 0 订阅

订阅专栏

只需要使用env(safe-area-inset-bottom)就可以得到安全距离，不过在实际使用时只用这个属性会有部分水滴屏机型识别不了，直接变成0px（OV常见），因此需要如下书写

padding-top: 128rpx;
padding-top: calc(constant(safe-area-inset-top) + 128rpx);
padding-top: calc(env(safe-area-inset-top) + 128rpx);

注意，顺序是固定的

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注