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

​

最优雅的解决方法

使用css自带的max()方法，该方法默认取最大值

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

1
2
3

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

补充一点，最近发现在不同的sass版本中会有以下报错

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

所以提供以下解决方法

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

1
2
3

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

​