html - 导航栏下的空白/间隙仅在 iPad View 上？

Question

Space under navigation bar

嘿，我才刚刚开始在网站上工作几个星期，而且我不知道如何使用 html 代码。我尝试在此处添加代码，但由于某种原因无法正常工作。我的问题是我网站的导航栏(上图)下方有一个很大的空白空间，只有在横向 View 中手持 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;
}
}