檢查操作系統之間的CSS差異

Question

我有一個可以在幾台不同的計算機上運行的應用程序，我使用Chrome在Ubuntu上進行開發。

通常，我的CSS布局在運行Windows的PC上看起來還可以，但是我一直注意到，當在同事的計算機上查看時，我的一些布局會損壞（而不是與浮動控件並排放置，而是會換成新的例如）。

通常，移除任一側的幾個像素將解決不一致問題。 這讓我開始思考，有沒有辦法檢查OS之間CSS上的顯示差異？ 通常，有關於跨瀏覽器樣式的指南，但是我似乎不記得有任何地方可以顯示出操作系統之間的差異。

Answer 1

很可能，您所看到的問題與操作系統無關，而與所使用的字體以及確切的渲染方式無關。 使用默認字體，“ ABC”在Windows上可能會渲染16px寬，但在Linux風格上只能渲染15px寬。

通常，在根據框內文本的長度（以像素為單位）調整框大小時，增加一些額外的公差是個好主意。

Answer 2

您將不得不在不同的瀏覽器中測試CSS。 您必須在計算機中安裝盡可能多的瀏覽器並定期檢查。

另外，還有一些工具可以在不同的瀏覽器中呈現您的網站，並且您可以看到快照。

像這樣的一個： http : //browsershots.org/

它有大量的瀏覽器/操作系統需要檢查。