使用Css为IphoneX等机型适配安全距离

.tab-bar{

    height:auto;

    padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2

    padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2

}

注意：constant必须写在前面，env写在后面。

constant与env有4个预设变量：

safe-area-inset-top //齐刘海。。。

safe-area-inset-left

safe-area-inset-right

safe-area-inset-bottom //home键