最优雅的解决env(safe-area-inset-bottom)底部安全距离在安卓中为0的问题

作者：花生_TL007 | 2024-04-18 22:19:34

踩

env(safe-area-inset-bottom)

最优雅的解决方法


padding-bottom: max(env(safe-area-inset-bottom), 24rpx);

1
2
3

这样安卓为0时，此时max函数的最大值为24rpx，所以会自动适配为24rpx

在这里插入图片描述

这是因为sass编译机制造成的


padding-bottom: Max(env(safe-area-inset-bottom), 24rpx);

1
2
3

因为我们知道是sass编译导致的问题，所以我们把小写的max改为Max，在css中大小写不分，所以该Max的函数会被正常编译

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/448523