Android设置底部距离,【报Bug】底部安全距离env(safe-area-inset-bottom)，编译到Android机无法识别...

详细问题描述

示例一：自定义tabBar

page{

width: 100%;

height: 50px;

position: fixed;

botttom: env(safe-area-inset-bottom);

background-color: #108ee9;

}

编译到IOS端，正常显示为：固定在底部安全距离之上的tab条

编译到Android机器，fixed布局失效，悬浮在顶部

示例二：自定义全屏遮罩

page{

width: 100%;

position: fixed;

top: 0;

botttom: env(safe-area-inset-bottom);

background-color: rgba(0,0,0,0.3);

}

编译到IOS端，正常显示为：遮盖除底部安全距离之外的区域，黑色半透明遮罩层

编译到Android机器，没掉，需改为bottom: 0，方可正常显示

【问题】

既然此项安全距离无法通用，条件判断又只能APP-PLUS，无法细致区分Android和IOS，难不成要先写安全距离打包一套到IOS，然后把所有env(safe-area-inset-bottom)再替换为0，再打包到Android？？？