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

回答