仅在 Safari 桌面中的 Web 布局问题答案

【问题标题】：Web layout issues only in Safari desktop仅在 Safari 桌面中的 Web 布局问题
【发布时间】：2017-10-27 15:58:01
【问题描述】：

最近一位客户告诉我们，我帮助开发的一个商店网站在桌面版 Safari 中显示异常。我检查了他的问题，果然客户公司的标志被搜索栏截断了：

我在 Chrome、Firefox 和 IE 上检查了它，所有这些似乎都显示正常：

我仔细检查了元素样式，它看起来还不错，我什至让我的开发人员参与其中，甚至他也被难住了 - 说 Safari 应该使用 Webkit，因此应该始终如一地显示。

我尝试搜索其他人是否有与 Safari 相关的渲染问题，但没有找到任何相关文章。想知道我的标记中是否需要特定于浏览器的条件格式。

【问题讨论】：

【解决方案1】：

我认为您不需要第三部分，因此删除该部分并将容器嵌套在导航下方，它是第六个嵌套元素。希望这应该解决它:)

【讨论】：