2013-07-02 63 views
0

我有一個應用程序運行幾個不同的計算機,我使用Chrome在Ubuntu上開發。檢查CSS之間的區別操作系統的

通常情況下,我的CSS佈局在PC的運行Windows上看起來不錯,但我一直注意到,當在我的同事的計算機上觀看時,我的一些佈局會中斷(而不是與浮動器並排,會例如打破新的界限)。

通常在任一側移除一對像素將照顧不一致。這讓我想,有什麼辦法來檢查操作系統之間的CSS顯示差異?通常有跨瀏覽器樣式的指導原則,但我似乎沒有記得任何顯示操作系統之間差異的地方。

+4

爲什麼不只是使用CSS重置? – j08691

+1

+1始終爲一致的基線重置CSS。 –

+0

對於CSS重置+1,但我很想聽到樣式工作跨瀏覽器的示例,但受到操作系統的負面影響。屏幕分辨率,是的是的;操作系統,不不不不。 – redditor

回答

3

很可能,您看到的問題與操作系統無關,因此無法使用哪種字體,以及它們如何呈現。使用默認字體時,「ABC」可能會在Windows上呈現16px寬,但在您的Linux風格上只有15px寬。

一般來說,在根據框內文本的長度(以像素爲單位)調整框的大小時,添加一點額外的容差是個好主意。

+0

這樣做很有意義,我認爲我看到的碎片上有一個FontAwesome圖標。 –

2

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

此外,還有一些工具可讓您的網站在不同的瀏覽器中顯示,並且您可以看到快照。

像這樣的:http://browsershots.org/

它的瀏覽器的大名單/ OS檢查。

+0

這個特殊的網站在我的情況下不起作用。此網站只有在登錄後才能看到,我不習慣創建登錄只是爲了檢查CSS佈局tbh。 (還是)感謝你的建議。 –

相關問題