我有一個應用程序運行幾個不同的計算機,我使用Chrome在Ubuntu上開發。檢查CSS之間的區別操作系統的
通常情況下,我的CSS佈局在PC的運行Windows上看起來不錯,但我一直注意到,當在我的同事的計算機上觀看時,我的一些佈局會中斷(而不是與浮動器並排,會例如打破新的界限)。
通常在任一側移除一對像素將照顧不一致。這讓我想,有什麼辦法來檢查操作系統之間的CSS顯示差異?通常有跨瀏覽器樣式的指導原則,但我似乎沒有記得任何顯示操作系統之間差異的地方。
我有一個應用程序運行幾個不同的計算機,我使用Chrome在Ubuntu上開發。檢查CSS之間的區別操作系統的
通常情況下,我的CSS佈局在PC的運行Windows上看起來不錯,但我一直注意到,當在我的同事的計算機上觀看時,我的一些佈局會中斷(而不是與浮動器並排,會例如打破新的界限)。
通常在任一側移除一對像素將照顧不一致。這讓我想,有什麼辦法來檢查操作系統之間的CSS顯示差異?通常有跨瀏覽器樣式的指導原則,但我似乎沒有記得任何顯示操作系統之間差異的地方。
很可能,您看到的問題與操作系統無關,因此無法使用哪種字體,以及它們如何呈現。使用默認字體時,「ABC」可能會在Windows上呈現16px寬,但在您的Linux風格上只有15px寬。
一般來說,在根據框內文本的長度(以像素爲單位)調整框的大小時,添加一點額外的容差是個好主意。
這樣做很有意義,我認爲我看到的碎片上有一個FontAwesome圖標。 –
你將不得不在不同的瀏覽器中測試你的CSS。您必須在您的機器上安裝儘可能多的瀏覽器並定期檢查。
此外,還有一些工具可讓您的網站在不同的瀏覽器中顯示,並且您可以看到快照。
它的瀏覽器的大名單/ OS檢查。
這個特殊的網站在我的情況下不起作用。此網站只有在登錄後才能看到,我不習慣創建登錄只是爲了檢查CSS佈局tbh。 (還是)感謝你的建議。 –
爲什麼不只是使用CSS重置? – j08691
+1始終爲一致的基線重置CSS。 –
對於CSS重置+1,但我很想聽到樣式工作跨瀏覽器的示例,但受到操作系統的負面影響。屏幕分辨率,是的是的;操作系統,不不不不。 – redditor