仅在Android上的div下面的空白

Question

这真的很奇怪。每当我在Android Google Pixel上查看我的网站时，都会有空白。但是，在我的手机大小的Chrome上，没有。很抱歉没有图片，因为imgur出于某种原因拒绝我的快照（1.1mb）。

html,body{ 
    height: 100% !important; 
}

#nav{
    position: fixed;
    width: 100vw !important;
}
#headerContainer{
    display: flex;
    height: 100vh;
    background-image: url('/img/info.jpg');
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
}
#headerContent{
    text-align: center;
    color: white;
    margin-top: 5px;
    font-size: 22.5px;
}
#headerContent hr{
    width: 75%;
    height: 2px;
    border: none;
    background-color: white;

}
.blog{
    display: inline !important;
    border: 2px solid grey;
}
#about{
    background-image: url('/img/about.jpg');
    background-size: cover !important;
    background-position: left;
    height: 60vh;
}
#about h2{
    text-align: center;
}
#about p,#about h2{
    position: relative;
    background-color: rgba(145,134,115,0.5);
    margin: 0;
    width: 25%;
}
@media only screen and (min-width: 600px){
    #about{
        display: block;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        margin: 0 !important;
    }
    #about p{
        width: 25%;
        height: 93.9%;
        padding-top: 2.5%;
    }
}
@media only screen and (min-width:500px) and (max-width: 600px){
    #about{
        height: 100%;
    }
}
@media only screen and (max-width: 500px){
    html,body{ 
        height: 100% !important; 
    }
    #headerContent p{
        font-size: 32px !important;
    }
    #headerContainer{
        background-attachment: fixed;
    }
    #about{
        display: block;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #about p,#about h2{
        display: block;
        top: 0%;
        left:0%;
        width:45%;
        margin: 0 !important;
        padding: 0 !important;
    }
    #nav{
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

真的很奇怪。我已经看过这个问题了，没有人专门有这个问题。

Answer 1

LOL！我在底部有一个广告但没有加载（403）！