Flex / fixed Upper, Middle and Lower (Mobile end)

Programme I：Non utiliséfixed

html{
    height:100vh;
    /* Si ce n'est pas pour100%,On dirait que c'est automatique,Alors la barre de bas va en bas（Hors du viewport） */
    font-size:26.667vw;
    /* 
       100vw=375px    1px=0.26667vw    
       Pour faciliter le calcul, définissezfont-sizePour100px,C'est - à - dire26.667vw 
       Pour réaliser le changement suivant l'écran,C'est pour ça quevwNiveau de référence,Au lieu de fixerpx
    */
}
body{
    width:100%;
    height:100%;
    /* Si ce n'est pas pour100%（Père Gao100%）,On dirait que c'est automatique,Alors la barre de bas va en bas（Hors du viewport） */
    display: flex;
    font-size: 0.16rem;
    flex-direction: column;
}
header{
    height:.67rem;
    /* Mesuré67pxC'est 67/(htmlDefont-size)=67/100=0.67rem */
}
main{
    flex:1;
    overflow:auto;
}
footer{
    height:.5rem;
}

Programme II：Utiliserfixed

html{
    height:100vh;
    /* Si ce n'est pas pour100%,On dirait que c'est automatique,Alors la barre de bas va en bas（Hors du viewport） */
    font-size:26.667vw;
    /* 
       100vw=375px    1px=0.26667vw    
       Pour faciliter le calcul, définissezfont-sizePour100px,C'est - à - dire26.667vw 
       Pour réaliser le changement suivant l'écran,C'est pour ça quevwNiveau de référence,Au lieu de fixerpx
    */
}
body{
    width:100%;
    height:100%;
    /* Si ce n'est pas pour100%（Père Gao100%）,On dirait que c'est automatique,Alors la barre de bas va en bas（Hors du viewport） */
    font-size: 0.16rem;
}
header{
    height:.67rem;
    /* Mesuré67pxC'est 67/(htmlDefont-size)=67/100=0.67rem */
    positon:fixed;
    left:0;
    bottom:0;
}
main{
    overflow:auto;
    padding-top:0.67rem;
    /* Parce queheaderFixe.,Hors flux de documents, C'est pour ça qu'il faut pousser un peu plus bas pour montrer main De header Une partie du contenu masqué  */
    padding-bottom:.5rem;
    /* Correspondant àfooterLa hauteur de, Évitez d'être masqué par le bas , Pressez vers le haut  */
}
footer{
    height:.5rem;
    positon:fixed;
    left:0;
    bottom:0;
}