About h5 bangs screen adaptation (iphoneX,max)?

meta tag add viewport-fit=cover
css use the media query as follows, between 375-812 is the adaptation of iphoneX, does x max want to rejudge the screen?

@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;
    } 
}

or after adding meta directly, the unified setting of body can be adapted as follows?

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); 
}
Apr.07,2022

what the landlord can do

Menu