CSS - 与 Chrome / Safari 不同的徽标 [关闭]答案

【问题标题】：CSS - Logo acting different with Chrome / Safari [closed]CSS - 与 Chrome / Safari 不同的徽标 [关闭]
【发布时间】：2017-07-14 00:12:05
【问题描述】：

我的徽标在 Safari 和我的 iPad 的 Chrome/Safari 上表现得很奇怪。

问题是高度不同，它在 Safari / iPad 上被挤压。

我真的不知道如何跟踪 Safari 的问题，并且希望得到直接的答案或一些指导。

我主要使用 Chrome，如果您有任何关于 Safari 问题跟踪问题的提示 - 非常感谢。

非常感谢！ =)

【问题讨论】：

您好，欢迎来到 SO。您需要插入代码以在问题本身中重现您的问题。您还应该看看这个：MCVE。让人们去离线资源来理解你的问题不是好的做法 + 当你的网站离线或被更改时，这个问题将变得毫无价值。
请避免在公共论坛上发布敏感凭据。
把更多心思放在你的编辑rvenius上。这不是敏感凭据。

【解决方案1】：

使用 Safari 的 Element Inspector 很容易解决问题。

单击徽标时，您会看到 HTML 和 CSS。当禁用一些 CSS 属性时，这是不安全的常见原因，我发现禁用以下样式可以解决您的问题：

Layout.css 的规则 #296

#Top_bar #logo img { vertical-align: middle; /* max-height: 100%; */ }

最大高度是你的麻烦制造者。

还有一点个人喜好：避免在浏览器中调整图像大小。它会缺乏性能和视觉质量。

徽标很好看，但在调整大小时会变得模糊。

【讨论】：