1樓：公尺隨隨
上面的大家都說了，要漸進增強，所以要人為的製造差異，這樣才能促進使用者公升級瀏覽器
然後做的時候，先要CSS REST，然後在你遇到問題最多的瀏覽器上做首次開發（這樣在首次開發時就能解決掉最多的問題，比如IE……），然後再針對不用的瀏覽器寫HACK了（這時就要把漸進增強引入了……）
2樓：Tamic
我們都是採用預先監測瀏覽器的種類及版本，然後選擇載入不同樣式的不同的CSS檔案，這樣就能保證該網頁在不同瀏覽器下的顯示問題。
3樓：獨行
全Flash，確保瀏覽器相容。
請權且把這個當作玩笑～
真實的情況是，你可以通過一些成熟的手段去相容90%的瀏覽器體驗，儘管顯示上略有差別，但至少不會走樣。剩下的那10%就放棄吧，或者等待他們學會使用更好的瀏覽器。
4樓：張克軍
其實我特別不願意看到這樣的問題。保證瀏覽器的相容性是乙個落後的話題，先看一組豆瓣資料，各瀏覽器的占有率：
ie6 - 30.23%
ie7 - 4.8%
ie8 - 30.6%
ie9 < 1%
chrome - 13.99%
firefox - 7.17%
safari ~ 5%
其他 ~ 8%
我們認為chrome + firefox + safari + ie9是高階瀏覽器，ie8勉強算準高階吧。這樣這部分占有率約57%(如果加上其他webkit核心的瀏覽器會更高一些) 已經大於ie6 + ie7。
高階和低端瀏覽器的差距可以用html5test量化一下：
Google Chromium 11.0.690的分數是293，而Microsoft Internet Explorer 6.0的分數17
也許有各種fallback方案可以保證完全相容性各個瀏覽器，但依然不能保證低端瀏覽器的使用體驗，頂多是看起來各個瀏覽器都一樣了。因此，現在的設計和開發的策略是瀏覽器分級支援。優先為高階瀏覽器設計，同時考慮低端瀏覽器的退化方案。
甚至有些複雜的應用可以拒絕ie6，提示使用者使用高階瀏覽器。豆瓣7月份將會發布一款對ie6說no的產品（國內第乙個拒絕支援ie6的產品吧）
因此不要再考慮向後相容，應該考慮向後退化，更多考慮向前相容。
5樓：
盡量使用標準的網頁布局方式，也就是符合W3C的布局，再加上css的使用也符合W3C的使用，這樣完成乙個頁面下來，其實很少有地方需要你針對特定的瀏覽器進行相容性修正。做過比較多的頁面，又複雜也有簡單的，大多時候，乙個頁面下來，其實只有兩三個地方需要進行大的相容性調整。
6樓：蔡超
構思整體和區域性的實現時候就要考慮很多東西了，比如相容性，製作成本，維護成本等等，而這恰恰是大量實際經驗中不斷學習而來的能力。吃過的苦頭，爭取下次不要再吃，沒碰到過問題，沒棘手過是不會有提高的。多多實踐吧。
7樓：唐偉俊
psd轉html時，需按照W3C標準流程和規範製作，用基於標準的瀏覽器測試，推薦firefox,chrome
這樣基本上，firefox,chrome,safari,opera,IE9都能表現一致
然後再針對IE8、7、6進行修改
怎樣使用 Chrome 瀏覽器擷取整個網頁？
facert 推薦乙個外掛程式 一鍵全頁截圖 20w 安裝量，2000 多五星評價 Caleb 這個一鍵全頁截圖還是蠻不錯的，有編輯功能，無需註冊 請看官方文件 何貫中 提到了在 Chrome 59 中已經可以使用自帶的開發者工具擷取整個網頁，但這個方法有乙個缺點，必須要模擬一款移動裝置才能截圖。其...
360瀏覽器相容性問題（網頁在未上傳伺服器和上傳伺服器後開啟顯示的樣子不一致）？
Hanrui 1.檢查頁面是否帶有，如果不懂我在說什麼，請參考 360安全瀏覽器當然這個meta標籤的權重並不是最高的，最高的是黑白名單 內網ip bla bla.2.開啟頁面後看看位址列右方的相容性是不是都還是你想要的相容模式3.如果都是相容模式，確認還不一樣，請檢查你的IE，是不是開啟上傳前後的...
如何解決國產瀏覽器的相容模式問題？
謝題主 Jielin 邀。針對 如360 qq 23456等瀏覽器，如果本機系統自帶的是ie8瀏覽器會預設使用ie8的文件模式 可以使用meta標籤控制預設使用極速模式核心開啟，如在360瀏覽器下，詳見文件 360瀏覽器核心控制標籤meta說明 導致使用了html5和css3標籤的頁面亂成一團 針對...