CSS兼容跨浏览器

---

我是一名网页设计师，我有一个疑问。当我创建一个网站时，为了设计它的样式，我使用CSS，但问题是浏览器理解CSS的不同方法。我的意思是，如果我在css中放置一条规则，比如在firefox中的

mydiv{margin left:20px；}

，我会看到它离左边有5%的距离。但如果我用Chrome打开这个网站，我会看到它离左边5%的距离。我可以理解，因为没有相同的图形引擎可供使用。我的问题是：CSS中是否有任何方法可以保持firefox和chrome中相同的间距、宽度、高度和其他（因为有最常用的浏览器）？我听说过a-moz文档url，上面说所有的规则应用程序都只适用于Firefox。是吗?

您可以使用此重置：

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

注意

mydiv{margin left:20px；}在css mybe中不存在，你是说#mydiv {左边距：20px；}或.mydiv{左边距：20px；}

---

我建议你使用

css使浏览器能够更一致地呈现所有元素，并符合现代标准。它只针对需要规格化的样式