css - Foundation 4 中的 Nav 元素不显示在 iPhone 上

Question

我添加了一个简单的 <nav class="top-bar">元素到我的页面。它在计算机上可以正常显示，但在 iPhone 上我只会看到一个没有菜单项的纯黑条。这是我的导航的顶部。

<nav class="top-bar" style="">
  <ul class="title-area">
    <li class="name"></li>
  </ul>

<section class="top-bar-section">
    <ul class="left">
      <li class="has-dropdown not-click"><a href="#">Orders</a>
        <ul class="dropdown"><li class="title back js-generated"><h5><a href="#">« Back</a></h5></li>
          <li class=""><a href="orders/new.php">Create New</a></li>
        </ul>
      </li>
    </ul>
  </section>
</nav>

Answer 1

只需删除 CSS 中的高度:

.top-bar .name {
    height: 45px;
}

指定高度导致 <li>在<nav>下方呈现, 自 overflow:hidden已设置，<li>没有显示。