谷歌浏览器 - Mac和PC之间的差异

Question

我正在为客户开发一个网站，我已经在Windows上使用主流浏览器进行了测试。

现在我在Chrome Win和Chrome Mac（相同版本）之间面临一些小差异。 这些都是微不足道的事情，但客户发现了它们，所以我很奇怪..我可以通过css进行一些重置，使两个版本尽可能相似？

我想我要使用浏览器默认的-webkit前缀，你知道任何好的演练吗？

我的意思是：有一些基础.css我可以用来重置Chrome并强制它尽可能地渲染甚至跨平台？

谢谢！

更新：我提到的差异主要涉及字体大小的字母间距以及与元素的高度和行高相关的内容。

Answer 1

您遇到的是默认浏览器CSS定义。在启动项目时重置或规范化CSS总是一个好主意，因此所有浏览器对基本元素的行为方式都相同。

http://meyerweb.com/eric/tools/css/reset/＆lt;＆lt;重启。将所有常见CSS设置为0.这可能很难使用，因为它意味着要设置每个要使用的元素。即列表不再具有任何默认填充或列表样式。

http://necolas.github.com/normalize.css/＆lt;＆lt; Normalize为您提供了一些默认设置，但仍尝试将所有现代浏览器置于相同的起点。

说到前缀，实际上只有一些CSS属性使用它们。这里有一个很好的解释：http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm

哪些浏览器使用哪个前缀列表：

• Android：-webkit-
• Chrome：-webkit-
• Firefox：-moz-
• Internet Explorer：-ms-
• iOS：-webkit-
• Opera：-o-
• Safari：-webkit -

另外请记住，对于使用过滤器的旧版IE，需要以不同的方式定义一些CSS属性。不透明度就是其中之一。