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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3bf1d-34684.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3bf1d-34684.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?