css修復鉻和其他網絡瀏覽器

Question

我正在尋找一個網頁樣式的修復程序，以便在Chrome瀏覽器上的網頁看起來與它在Firefox上的一樣，意思是說，是否有一些在CSS中的語法使所有的網絡瀏覽器看起來都一樣。這是否存在（我還希望I.E.和任何其他網絡瀏覽器存在，如果它存在的話）

Answer 1

Google Chrome使用與Internet Explorer/Firefox不同的呈現引擎，因此可能會以不同方式顯示網頁。 Apple Safari使用與Google Chrome（WebKit）相同的呈現引擎，並且應以相同的方式顯示頁面。

如果您的網站在任何瀏覽器中都無法正確呈現，請通過在http://validator.w3.org/上測試它們，確保您的HTML和CSS有效。 如果您的網站在Google Chrome瀏覽器或Apple Safari中無法正常呈現，請按照http://webkit.org/quality/reporting.html所述在webkit.org上提交錯誤。 如果您的網站在Apple Safari中正確呈現，但不在Google Chrome中，請在Google Chrome http://code.google.com/p/chromium/issues/list上提交一個針對Google Chrome的錯誤。

1. 如何在Google Chrome中測試我的網站？

有幾個工具可以幫助您測試在谷歌瀏覽網站：

Web檢查 任何組件上的網頁上單擊鼠標右鍵，啓動網絡檢查。您將能夠看到與您單擊的組件相關的元素和資源，包括DOM的層次結構視圖和JavaScript控制檯。 任務管理器 選擇頁面菜單圖標，然後選擇開發人員>任務管理器（或按Shift + Esc）。任務管理器顯示所有正在運行的Google Chrome進程以及他們正在使用的資源（內存，CPU和網絡）。 JavaScript調試器 選擇頁面菜單圖標，然後選擇開發人員>調試JavaScript。這將啓動一個可用於附加到現有流程的JavaScript調試器。

Answer 2

體面瀏覽器帶來的大多數佈局問題都是由無效的HTML，無效的CSS或者誤解某一段CSS實際應該做什麼造成的。

一般來說，當我看到FF和Chrome之間的區別時，這是因爲Chrome正在做正確的事情，而FF恰好正在渲染一些無效的CSS。 99％的時間，我可以修復CSS並使FF和Chrome呈現相同的效果。

其餘的時間，我通常瀏覽器嗅探和使用jQuery來解決問題。

Answer 3

我找到了答案。正因爲我使用的是drupal，所以我使用的是一個內置的IE修補程序，用於創建單獨的css文件（ie7.css，ie8.css等）的主題。使用這些，我可以專門調整我對IE的需求。