使網頁跨瀏覽器的CSS和JS兼容的最佳做法是什麼？

Question

網頁設計師在所有常用瀏覽器中使頁面看起來不錯總是一個大問題。處理這個事實的最佳方法是什麼？

Answer 1

對於CSS：

1. 使用復位（如Meyer或YUI），以自己的風格之前的「公平的競爭環境」適用
2. 風格，你必須支持怪異的瀏覽器（如IE6 ），使它看起來正確，然後改變你需要的更多現代瀏覽器。相信我，這比做其他事情要容易得多！

對於JavaScript，我會使用一個框架像jQuery或YUI，因爲他們去提取你最有可能遇到的瀏覽器特定的怪癖走了很長的路要走。

祝你好運！

Answer 2

使用良好支持的庫 - 不要嘗試從頭開始。例如，JQuery爲您處理了很多瀏覽器問題。

Answer 3

對於JavaScript，您不能用jQuery出錯。

Answer 4

沒有通用的方法來確保所有東西都能正常工作。對於CSS來說，reset stylesheet對瀏覽器之間的外觀進行標準化有很長的路要走;對於JS，請使用像jQuery這樣的庫，以一種理智的方式處理瀏覽器兼容性問題。

Answer 5

肯定JQuery，或Mootools或原型或其他一些JS庫。

Answer 6

測試，測試，測試和從經驗中學習。

使用虛擬機在不同的IE版本中測試。在這裏下載它們： http://www.microsoft.com/DOWNLOADS/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

儘量避免hacks-css或js以瀏覽器爲目標，除非真的有必要。正如其他人所說，jQuery可能會在JavaScript中幫助很多人解決煩人的瀏覽器差異。

Answer 7

恕我直言，堅持良好的JavaScript庫，例如jQuery，這將是跨瀏覽

Answer 8

使用一個很好的LIB，讓您的JS更多的跨瀏覽器的安全是一個良好的開端。同樣使用像960.gs或blueprint這樣的css框架對於CSS來說是個不錯的選擇。基本上你需要做一個完整的CSS重置。

Answer 9

頁面上正確的doctype，以便它以兼容標準模式呈現。

開發時首先在符合Firefox標準的瀏覽器中進行測試。如果您首先在Internet Explorer中進行測試，那麼您很可能會編寫使用某些rendering bugs in IE的代碼，以使其看起來像您想要的那樣，然後您將很難在其他任何瀏覽器中使用它。

你很可能不得不調整佈局以避免IE中的一些渲染錯誤。不同的版本有不同的渲染錯誤，所以你需要測試幾個。添加X-UA兼容元標記以防止IE 8在兼容模式下呈現。

按照最初的設計使用html元素。標題鏈接，et.c.這樣代碼更可能按預期工作，搜索引擎將更好地爲頁面建立索引。