h5适配iphoneX

head 内增加meta标签，设置viewport-fit=cover

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

/* 
    @supports 检测是否支持指定的CSS属性 (实验中的功能) 

    判断iphoneX 将 footerBox 的 padding-bottom 填充到最底部

    https://blog.csdn.net/dx18520548758/article/details/80010358
    
*/
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {

    /* 底部漂浮 增加样式*/
    .fb-h50 {

        padding-bottom: 0;
        padding-bottom: constant(safe-area-inset-bottom);  
        padding-bottom: env(safe-area-inset-bottom);
    }
}

2021-03-18  最近发现不需要增加@supports 直接用

.fb-h50 {

        padding-bottom: 0;
        padding-bottom: constant(safe-area-inset-bottom);  
        padding-bottom: env(safe-area-inset-bottom);
    }