【问题标题】:Browser Compatibility Issues: Header displaced / Favicon missing浏览器兼容性问题:标题移位/网站图标丢失
【发布时间】:2013-06-04 00:04:49
【问题描述】:

关于我的网站www.pitch-in.org.uk 及其在某些浏览器上的显示方式,我有两个小问题。一个是关于我的“标题”的位置,另一个是我的“favicon”。

使用 Safari 时,一切都在正确的位置,但是当我在 Firefox 中打开网站时,标题会向右移动,并且与页面的其余部分不同步。

另外,当我使用 Chrome 打开网站时,我的网站图标不显示 - 但在 Safari 和 Firefox 中似乎可以正常工作。

如果有人可以帮助解决这些问题中的任何一个,我们将不胜感激!

我的网站是使用 Wordpress、Pytheas 主题创建的。这是我创建的第一个网站,因此对编码有点不确定,并且担心干预网站的内部运作。

感谢您的宝贵时间 - 我期待您的任何答案。

【问题讨论】:

    标签: wordpress header cross-browser favicon


    【解决方案1】:
    <link rel="shortcut icon" href="http://www.pitch-in.org.uk/wp-content/themes/Pytheas/images/favicon.ico" />
    

    没有放置在您的 HTML 文档中的正确位置,它应该在 &lt;head&gt; 标记中。

    【讨论】:

    • 谢谢。你能告诉我标签应该去哪里吗?
    • 是的,它应该放在 和 之间的任何位置,就在 开始标记之后。
    • * 谢谢。你能指导我应该在哪里复制/粘贴这段代码吗? (在哪里可以找到head标签,在哪里粘贴代码)
    • 太棒了,非常感谢。网站图标现在显示在 Chrome 中!
    • 您知道如何解决标题移动问题吗?
    【解决方案2】:

    修复您的代码错误,例如X-UA-Compatible 元标记;它需要在&lt;head&gt; 部分,而不是现在的位置。见[Invalid] Markup Validation of pitch-in.org.uk - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。修复错误并重新验证。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-17
      • 2012-06-07
      • 2014-09-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多