CSS兼容性跨瀏覽器

Question

我是一個網頁設計師，我有一個懷疑。當我創建一個網站，爲它造型我使用CSS，但問題是，瀏覽器瞭解CSS不同的方法。我的意思是，如果我在Firefox中使用像mydiv { margin-left: 20px; }這樣的css規則，我會看到距左邊5％的距離。但是，如果我在Chrome中打開該網站，我會發現它距離左側的距離超過5％。我可以理解，因爲沒有使用相同的圖形引擎。我的問題是：是否有任何方法在CSS中保持相同的disntace，寬度，高度和其他，在Firefox和鉻（因爲有最常用的瀏覽器）？我聽說過一個-moz-document-url，它說所有的規則都適用於那裏，只會用於Firefox。這是正確的 ？

Answer 1

您可以使用此復位：

html { 
    box-sizing: border-box; 
} 
*, *:before, *:after { 
    box-sizing: inherit; 
    padding: 0; 
    margin: 0 
} 

注意

mydiv {保證金左：20像素; }不存在於CSS mybe你的意思是#mydiv {margin-left：20px; }或.mydiv {margin-left：20px; }

Answer 2

我建議你使用Normalize.css

Normalize.css讓瀏覽器渲染的所有元素更一致，並符合現代標準。它精確地只針對需要標準化的樣式。