Firefox壞渲染

我只面臨這個問題Firefox（IE瀏覽器，Safari和鉻渲染罰款）。Firefox壞渲染

Here你可以看到橫幅的高度在重新加載時發生變化。此外，如果您將指針移向側邊欄中的鏈接，則整個div也會更改地點。 There's no javascript in the code. No % in margins or paddings.我不會複製整個CSS代碼，因爲它確實很大，但是經歷過這些問題的人員的準確檢查應該足夠了。

來源

2014-02-05 Gonpires

您需要在此複製*相關*部分的代碼。你可以使用[jsFiddle]（http://jsfiddle.net/）在最小的測試用例中重現它嗎？ –

聽起來像一個額外的'顯示：塊;'... – Kroltan

@ p.s.w.g，我不能因爲這是我正在開發的一個WordPress主題。 – Gonpires

您沒有一個文檔類型，因此，在quirks mode，你永遠不想成爲。這又像1999年一樣。將此添加到您網頁的第一行，並讓我們知道它是如何發生的：<!DOCTYPE html>

不幸的是，在怪癖中創建網站意味着，一旦將doctype放入並切換到「標準模式」，您的佈局可能會改變，因爲一切都在呈現，因爲它應該在第一位。

所有現代網頁都需要文檔類型，並且應該是創建文檔時的第一件事。

Here is a great overall review.

來源

2014-02-05 17:21:19 Rob

嗨@Rob，我完全理解你的意思。這是一個WordPress模板。 header.php包含'<！DOCTYPE html>'，但它在一些div之後被調用。現在，如果你重新加載，你會看到'<！DOCTYPE html>'是代碼中的第一件事。問題仍然存在。 – Gonpires

@Gonpires doctype必須是第一行中的第一個元素，沒有任何前面的元素。它不能放在其他地方。 – Rob

我明白，現在是第一件事。但是，問題依然存在。 – Gonpires

回答

相關問題