浏览器兼容性问题：标题移位/网站图标丢失答案

【问题标题】：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 文档中的正确位置，它应该在 <head> 标记中。

【讨论】：

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

【解决方案2】：

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

【讨论】：