仅在 iPad 视图中导航栏下方有空白/间隙？

Question

嘿，我才刚刚开始在网站上工作几周，而且我不知道如何使用 html 代码。我尝试在这里添加代码，但由于某种原因它不起作用。我的问题是我网站的导航栏（上图）下方有一个很大的空白区域，只有在横向视图中拿着 iPad 时才会出现。我已经尝试了一切，并且认为可以通过添加 iPad 媒体查询来解决这个问题。如果可以的话请帮我解决这个问题！

谢谢。

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