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

Question

我正在为客户开发一个网站，并且我已经在 Windows 上的主要浏览器上对其进行了测试。

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

我想我必须使用浏览器默认的 -webkit 前缀，你知道有什么好的演练吗？

我的意思是：我可以使用一些基本的 .css 来重置 Chrome 并强制它尽可能地呈现相似甚至跨平台？

谢谢！

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

Answer 1

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

http://meyerweb.com/eric/tools/css/reset/

http://necolas.github.com/normalize.css/

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

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

• 安卓：-webkit-
• Chrome：-webkit-
• 火狐：-moz-
• Internet Explorer：-ms-
• iOS：-webkit-
• 歌剧：-o-
• Safari：-webkit-

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