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>