仅在iPad视图上的导航栏下的空白空间/差距

Question

导航栏下的空间

嘿，我刚刚开始在网站上工作几个星期，我不知道如何使用HTML代码。我尝试在此处添加代码，但由于某种原因没有工作。我的问题是，在我的网站上的导航栏（图片）下面有一个大空间，只有在景观视图中握住iPad时才会出现。我已经尝试了所有内容，并认为可以通过添加iPad媒体查询来修复它。如果可以的话，请帮助我解决此问题！链接到网站是http://www.christianevidence.net/

谢谢。

Answer 1

您需要在具有字体大小和填充的CSS中添加此媒体查询

@media only screen and (max-width: 1024px) {
#main-nav ul li a {
    float: left;
    color: #EEEEEE;
    font-family: arial;
    padding: 0 5px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 14px;
}
}