CSS兼容性跨浏览器

-1

我是一个网页设计师，我有一个怀疑。当我创建一个网站，为它造型我使用CSS，但问题是，浏览器了解CSS不同的方法。我的意思是，如果我在Firefox中使用像mydiv { margin-left: 20px; }这样的css规则，我会看到距左边5％的距离。但是，如果我在Chrome中打开该网站，我会发现它距离左侧的距离超过5％。我可以理解，因为没有使用相同的图形引擎。我的问题是：是否有任何方法在CSS中保持相同的disntace，宽度，高度和其他，在Firefox和铬（因为有最常用的浏览器）？我听说过一个-moz-document-url，它说所有的规则都适用于那里，只会用于Firefox。这是正确的？CSS兼容性跨浏览器

来源

2015-01-09 Adrian Ghinea

您可以使用此复位：

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; }

来源

2015-01-09 15:37:08

我建议你使用Normalize.css

Normalize.css让浏览器渲染的所有元素更一致，并符合现代标准。它精确地只针对需要标准化的样式。

来源

2015-01-09 15:37:53

CSS兼容性跨浏览器

回答

相关问题