網絡應用程序和渲染

Question

我一直在網絡上開發了一段時間，我的跨瀏覽器兼容性的大部分包括使用IE瀏覽器的CSS黑客，這是不是標準的任何方式，所以我只是好奇你怎麼處理在開發Web應用程序時跨瀏覽器呈現問題？我從來沒有爲一家大公司工作，所以你如何看待（如果你有一些大公司的工作經驗），他們處理這些跨瀏覽器的差異？我會喜歡關於這個主題的一些專業反饋或者一些提示。

Answer 1

我們通過使用重置樣式表開始我們的項目（Eric Meyer's很好），它修復了我們所遇到的大多數跨瀏覽器顯示問題。

我個人的策略是讓一切看起來正確的Firefox首先，通常也需要照顧的基於WebKit的瀏覽器，然後回去和修復使用的conditional comments內部協作的獨立的樣式表IE的問題。

對於IE < = 8不支持的一些CSS3，我們使用CSS3 PIE。

最後，如果你還沒有，看看Modernizr和html5boilerplate（html5boilerplate實現Modernizr的）。 html5boilerplate是一個很好的起點，可以幫助緩解跨瀏覽器問題。

Answer 2

我的個人策略是從一個重置樣式表（我也使用Eric Meyer's）開始，重置瀏覽器的默認樣式。

要解決特定版本的IE的問題，我使用conditional comments而不是CSS黑客，這樣我的CSS樣式更可能在IE中工作，如果IE修復CSS黑客攻擊。

使用CSS框架（如Blueprint）可以提供基本樣式，您可以使用自己的樣式進行覆蓋，併爲樣式提供基礎，因此不必重複某些基本樣式。它還通過使用條件註釋來提供與IE瀏覽器CSS怪癖的良好兼容性。

通常最好在各種符合標準的瀏覽器中進行測試，然後將CSS修補程序應用於IE。通常，要爲IE提供僞CSS3樣式，您需要調查IE的filter，這是應用樣式的非標準方式。本說明中微軟的MSDN文檔相當全面。保持警惕—在元素上使用filter樣式時，消除鋸齒可能會消失。

如果您需要IE新HTML5標記支持，例如<section>和<header>，請使用html5shim。