CSS佈局和IE 6

Question

回頭看Stackoverflow podcast with Litmus (Podcast 78)。該播客簡要地討論了瀏覽器的不兼容性和怪癖，特別是IE6（一個到處都有人聲稱）的瀏覽器。 Litmus的解決方案是在所有不同的瀏覽器中呈現頁面並尋找差異。

但是，我不知道有多少不兼容性可以通過簡單分析html和css直接進行檢測，而無需實際呈現它。

我是這個領域的新手。但是我看到很多參考文檔outthere...，它們記錄了IE 6的缺陷和限制，以及在編寫新文檔時如何避免它們。

如果是這樣的話，那麼是否可以製作一個工具來驗證和分析CSS並報告與CSS有任何潛在的兼容性問題？

是否存在一些不兼容性（由於缺少文檔）以及此類工具的潛在限制（與javascript等進行交互時）？

Answer 1

當我們開發Browsera時，我們試圖通過單獨查看CSS樣式來檢測跨瀏覽器問題。問題在於，導致問題的元素之間的相互作用，而不是特定的風格。

例如，如果始終設置保證金會導致雙重保證金，則可以檢測到。但是，IE中的雙重頁邊距錯誤只發生在同一方向上的浮點數，並且僅在該行中的第一個元素。

除了很多IE6佈局引擎問題，我們檢測到的很多問題都是由不同的瀏覽器默認樣式表引起的。例如，默認邊距和字體大小/渲染在不同瀏覽器中差別很大，這可能是佈局在其他瀏覽器中打開時看起來「不太正確」的首要原因。

Answer 2

當然可以，但這不是石蕊業務的重點。

你可以分析一個網站，並報告所有呈現不同的東西，但這並沒有多大幫助。 Litmus的業務並不是爲了讓你知道什麼東西不兼容，而是爲了告訴你它將如何呈現，以便你能夠確定你的網站是否需要改進以及在哪裏改進。

使網站在所有瀏覽器中看起來完全一樣非常困難，並且需要大量資源。通常你需要妥協，並確保你的網站在所有這些瀏覽器上仍然看起來不錯。

沒有分析工具可以告訴你，如果你的網站仍然看起來不錯。

Answer 3

IE瀏覽器用戶看到的頁面實際上是由IE瀏覽器解析html和css構建的;因此，根據定義，有可能構建一個知道IE漏洞的工具來報告潛在的問題。

無論如何，我不認爲這很容易。