8

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

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

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

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

谢谢！

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

4

1 回答 1

12

您遇到的是默认浏览器 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-
  • 铬：-webkit-
  • 火狐：-moz-
  • Internet Explorer：-ms-
  • iOS：-webkit-
  • 歌剧：-o-
  • Safari：-webkit-

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

于 2012-11-13T13:09:03.750 回答