html - Safari 和 Firefox 无法正确显示网站，但 Chrome 运行良好

Question

我在 Chrome 中使用我自己的主题通过 Wordpress 构建了我的网站。考虑到 Safari、Firefox 和 Chrome 的相似之处 - 我没想到网站的显示方式会有如此大的差异。

我猜这是文件加载方式中的某种语法错误，但不确定。使用 functions.php 文件加载 CSS 和 JS 文件。

如有任何帮助，我们将不胜感激!

相关网站:http://exeterentrepreneurs.com/dev/

Answer 1

1) 您有许多 HTML 标记错误，例如这些缺少结束图像标记错误:

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

见缺失>在 <p> 前标签？它必须是:

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

修复所有这些图像标记错误，然后使用 W3 代码验证器检查更多。您现在可以忽略诸如“一个 img 元素必须具有一个 alt 属性...”之类的错误，但可以修复一个缺失的关闭 </div>标记错误。首先修复上述图像标记错误，许多其他错误和警告将自行修复。

参见 Showing results for exeterentrepreneurs.com dev - W3C Html Checker并在修复一些错误后再次使用它。

2) 您可能还有 Javascript 错误。 使用 Firefox 中的开发人员工具(或 Firebug )或 Chrome或 Safari或 IE检查 Javascript 和其他控制台错误。这些开发工具的使用对于 Web 开发工作至关重要。