如何避免CSS多浏览器兼容性的痛苦？

Question

我需要做一个CSS布局。我需要知道最佳实践，以避免CSS多浏览器兼容性的痛苦。

我应该用什么来避免这方面的问题？我应该使用CSS框架吗？如果是哪一个？

最诚挚的问候，

Answer 1

对于初学者来说，良好的清晰代码，一次性风格，一次只能帮助LOADS。当我这样说时，我的意思是，确保你所有的CSS都在一个外部文件中，并且没有在页面或行内进行css调用。

其次，从良好的身体，html声明开始。获取工作中的所有默认值，您的边距，填充，字体大小和系列，可能是简单的调用，但是这样做，将为您节省无数的代码调用。当处理具有100行CSS代码的大型网站时更是如此。

最后，保持你的CSS有条理，发表评论，把它们放入catagories。

大多数与浏览器相关的问题都归结为一件事，即用户错误。风格正确，风格一次，您和您的用户将会感到高兴！

Answer 2

首先，了解您的受众;这可以让您知道您的网站将容纳哪些浏览器。其次，确保你掌握CSS。第三，熟悉"progressive enhancement."的概念。最后，请访问以下网站：Do websites need to look exactly the same in every browser?

Answer 3

1. 我使用HTML5 Boilerplate作为css和html的起点。
2. 对于基于网格的网站，我也可以使用Fluid 960 GS
3. 我首先编写代码以符合标准，然后跨浏览器友好。不要为糟糕的浏览器而自杀。
4. 您可以使用Modernizr之类的内容来展示渐进式增强功能。 Here are some good reasons要做到这一点
5. 对于糟糕的浏览器，我们只需将其称为IE，无论哪里出现问题，只需给它更多空间，并确保一切都是可读的。如果你这样做，它应该看起来不错，但不要试图让它像素设计完美。您可以使用第4点中的链接向您的客户/老板解释为什么它在每个浏览器中都不一样，为什么这是一件好事，也不错。
6. 如果你能做到这一切，那么你的代码编写起来会更好，运行起来更快，更接近未来。

如果所有其他方法都失败了，请尽可能使用填充而不是边距，并且在IE中查看时会更加一致。如果你支持IE6，请尝试不要使用太多透明的png图像。

Answer 4

这里有一些其他好的建议，但我会添加一个：YUI的reset CSS样式表。它消除了一些更明显的不兼容问题，而没有增加大量的页面权重。

Answer 5

QuirksMode.org是浏览器兼容性信息的绝佳资源。