边缘不同于野生动物园而不是铬

Question

一个bug已经进入，我无法弄清楚它来自哪里。任何帮助将不胜感激。

如果您在Chrome中查看[已删除]，您会看到导航菜单左侧的徽标位于菜单的垂直中心。但是如果你在Safari中打开它，它的显示方式会有所不同。它与菜单顶部对齐。

在Safari中添加一个负余量顶部来补偿它会在Chrome中搞砸它。

任何想法如何解决这个问题？

Answer 1

为了让您了解如何快速清理它，您可以做这样的事情并以此为基础：

<header>
  <div class="container">
    <div class="three columns">
      <a href="http://www.1000islandsplayhouse.com/" alt="Thousand Islands Playhouse"><img id="header-logo" src="/assets/logo-300px.png" style="width:114px;height:100px;"></a>
    </div>
    <div class="nine columns">
      Navigation
    </div>
  </div>
</header>

一些CSS在顶部做边距：

 header {
   margin-top: 30px;
 }