css - 跨浏览器 CSS 整洁的解决方案建议？

Question

在您看来，做跨浏览器 css(IE7、Safari、Chrome、Firefox)的巧妙方法是什么。

考虑到这是一个巨大的网络应用程序，它有一个很大的主 css 文件和许多其他 css 文件。

条件CSS？并为每个浏览器使用不同的 css？ 任何已知的工具？

谢谢。

Answer 1

在我看来，如果您一开始就编写了良好的 CSS，那么唯一需要任何重大补救工作的浏览器将是 IE(v9 之前)。

对于所有其他当前浏览器，标准 CSS 无需任何更改即可工作。事实上，即使对于 IE，如果您确保您的页面以标准模式而不是怪癖模式加载，那么 IE 应该会自行处理大多数基本 CSS。

一个明显的异常(exception)是给定的浏览器不支持您尝试使用的功能。在这种情况下，您应该使用特征检测而不是浏览器检测。这是一个更稳健的解决方案，因为该浏览器的新版本很可能会很快发布并支持该功能。

对于特征检测，我推荐Modernizr .

IE 中缺少的一些功能(例如 CSS 圆 Angular )可以使用类似 CSS3Pie 的 hack 来修复。 ，它允许您为包括 IE 在内的所有浏览器使用这些功能的标准 CSS 代码。

对于 IE 中那些根本无法通过任何其他方式处理的琐事，您应该使用 IE's conditional comments feature以包含特定于 IE 的样式表。

如果您的 CSS 代码在那之后仍然不能跨浏览器工作，那么您的样式表可能有问题 - 请将其张贴在这里并寻求有关特定问题的帮助。