Safari和Firefox没有正确显示网站，但Chrome运行良好

我使用我自己的主题在Chrome中使用Wordpress构建了我的网站。考虑到Safari，Firefox和Chrome的相似之处 - 我没有预料到网站的显示方式有如此大的差异。Safari和Firefox没有正确显示网站，但Chrome运行良好

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

任何帮助将不胜感激！

2016-11-12 hardanger

从控制台：'元素没有“src”属性。媒体资源加载失败所有候选资源加载失败。媒体加载暂停 'mozHidden'和'mozVisibilityState'已弃用。请使用前缀“hidden”和“visibilityState”代替.' – 2016-11-12 15:54:59

谢谢@Igor我已查看错误消息，但不确定它们是指什么 - 请提供任何帮助？ – hardanger

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属性...”之类的错误，但可以修复缺少的标记错误。首先修复上述图像标记错误，其他许多错误和警告将自行解决。

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

2016-11-12 16:20:03 markratledge

回答