来自Foundation 4的导航元素不会显示在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>未显示。