【问题标题】: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上。这不是敏感凭据。

标签: html css wordpress google-chrome safari


【解决方案1】:

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

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

Layout.css 的规则 #296

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

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

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

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

【讨论】:

  • 伟大的洞察力!非常感谢拉斯,你太棒了! :D
  • Anytime Frikk ^^ 另外,如果它是您问题的解决方案,请不要忘记将其标记为答案^^
猜你喜欢
  • 2017-06-04
  • 1970-01-01
  • 2011-03-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-26
相关资源
最近更新 更多