Mozilla與Chrome Div寬度問題。計數與不計算邊界？

嘿傢伙我有一個小任務與任務。我必須創建這個頁面，並且它在Chrome中看起來很棒，但是每個div單元格都會在Firefox中渲染一個像素，我相信它與邊框寬度有關。有沒有工作或我做錯了什麼？Mozilla與Chrome Div寬度問題。計數與不計算邊界？

我正在使用CSS重置，並且我已經聲明瞭我的文檔類型。

我是否應該使用表格構建此頁面？對不起，沒有鏈接到發佈的代碼，當我將代碼放在代碼塊中時，它仍然顯示HTML。

https://docs.google.com/file/d/0B8uifJLGRXapcHF1VzRNNGo1b2M/edit?pli=1

在此先感謝。

來源

2013-01-03 recneps

瀏覽器將永遠不會渲染具有完全相同像素的佈局。一個像素的差異不是一個問題。 ['box-sizing：border-box']（http://paulirish.com/2012/box-sizing-border-box-ftw/）在這種情況下可能會也可能不會幫助您，但您越早嘗試嘗試使網站在不同瀏覽器中顯示*完全相同，您將會越快樂。 – bookcasey

嘗試在CSS中使用box-sizing屬性來解決此問題。 box-sizing:border-box;將在元素的實際寬度和高度內呈現邊框和填充。爲更好的描述檢查這個http://css-tricks.com/box-sizing/

來源

2013-01-03 05:26:34

嘗試使用CSS大綱，也將工作。大綱是圍繞元素（境外）繪製的線條，以使元素「脫穎而出」。

但是，outline屬性與border屬性不同。

輪廓不是元素尺寸的一部分;元素的總寬度和高度不受輪廓寬度的影響。

即。

.example {outline: 1px solid pink;}

來源

2013-01-04 08:43:04 tlin623

Mozilla與Chrome Div寬度問題。計數與不計算邊界？

回答

相關問題