Html 仅在Android上div下方的空格

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

真奇怪。我查过这个问题，没有人有过这个问题

---

哈哈！我有一个广告在底部，它没有加载（403）

你能提供你网站的运行代码示例或url吗？对不起，它不是实时的。仅在我的计算机上。仅供参考，我有上面列出的CSS代码。是的，但我不太清楚。如果您可以在JSFIDLE或codepen上创建一些示例，那就太好了。

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