我目前在这个网站上工作，我在 Safari 和 Chrome（最新版本）中的顶部菜单导航有问题。它可以在 Firefox 中运行，甚至可以在最新的 Internet Explorer 中运行！
有四种响应式解决方案；标准和最大宽度、iPad 纵向、iPhone 横向和 iPhone 纵向。在 iPhone 纵向以外的所有分辨率上来回调整大小时不会出现此问题。当从 iPhone 纵向调整大小时，顶部菜单导航会跳到标题底部边框下方。
我试过查看我的 iPhone 肖像的媒体查询，但无法弄清楚问题所在。
我希望你能帮助我提供我所提供的小信息，将所有代码放入 jsfiddle 太复杂了。
我也不明白为什么会发生这种情况，但如果你添加overflow: hidden到你的#main-header，你会看到发生了什么。如果您在 HTML 中的块元素之后有正确的浮动元素，则存在一些浮动混淆，这是 IE6 中的一个常见问题......如果您保留标题上的隐藏溢出并添加float: left到#logo它对我有用，但是。
你的标题应该以不同的方式处理你的内部元素应该有内联块；标题应该有宽度为 100% 的内联块，这将受到父宽度的影响，它应该可以解决您的响应问题
我挖了更多，并使用不同的 css 选项进行了一些测试，我发现我实际上忘记在主标题 div 上放置一个高度，并清除它下面的容器 div。我这样做了，它解决了这个问题。
我知道我拥有的一些代码，即导航并没有完全按照它应该的方式完成，但它现在可以在所有浏览器和分辨率上运行，这是重要的部分。
感谢您带领我朝着正确的方向前进！