关于h5 刘海屏适配（iphoneX，max）问题？

Question

meta标签添加viewport-fit=cover
css利用媒体查询如下，375-812之间是iphoneX的适配，那x max是不是要重新判断一下屏幕了？

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    footer {
        padding-bottom:34px; 
    }
    header{
        padding-top: 44px;
    } 
}

还是直接添加meta完之后，body统一设置如下就能进行适配了？

body{
    padding-top: env(safe-area-inset-top); 
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right); 
    padding-bottom: env(safe-area-inset-bottom); 
}

Answer 1

楼主可以的不