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

Question

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

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

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

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

谢谢!

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

Answer 1

您遇到的是默认的浏览器 css 定义。在开始元素时重置或规范化 CSS 始终是个好主意，这样所有浏览器都以相同的方式处理基本元素。

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

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

当谈到前缀时，实际上只有一些 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 属性。不透明度就是其中之一。