Html CSS-标志与Chrome/Safari不同

我的标志在Safari和我的iPad的Chrome/Safari上表现得很怪异

问题是高度不同，在Safari/iPad上会受到挤压

我真的不知道如何跟踪Safari的问题，我希望能有一个直接的答案或一些指导

我主要使用Chrome，如果您有任何关于Safari问题跟踪问题的提示，我们将不胜感激

---

非常感谢！=）

使用Safari中的元素检查器可以很容易地解决问题

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

Layout.css的规则#296

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

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

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

---

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

您好，欢迎使用SO。您需要插入代码以在问题本身中重现您的问题。您还应该查看以下内容：。让人们访问离线资源以了解您的问题并不是一种好的做法。当您的网站离线或更改时，此问题将变得毫无价值。请避免在公共论坛上发布敏感凭据。请多注意编辑问题。这不是敏感的凭据。非常有洞察力！非常感谢拉尔斯，你太棒了DAnytime Frikk^^^^另外，如果这是你问题的解决方案，不要忘记将其标记为答案^^