关于CSS在不同浏览器的调试经验

首先，对于浏览器的兼容问题，这里给大家两个建议，供大家参考：

1：当一个效果在Firefox和IE6中显示的不一样时，一般来说Firefox显示的是“正确”的效果，这里说的正确，并不是指主观希望的效果达到了就是正确效果，而是说按照真正的CSS规则，应该显示的效果，叫作正确的效果。也就是说，如果Firefox中显示的效果和希望的效果吻合，而与 IE显示不吻合，那么是IE有错误的可能性更大，而反之则说明很可能是为了迁就IE6的错误，而写了错误的代码。

那么为什么不能以IE为标准，当作是IE的效果是正确的呢？这是因为，CSS的规则本身是严格符合逻辑的，是可以计算和预测的，而IE中的很多错误是没有道理的，无法预测的，因此，用一个错误修正了另一个错误，在局部看起来可能效果是正确的，但是很可能在其它地方，或者更大范围内带来不可预知的麻烦，从而严重影响效率。因此，比较好的做法是以Firefox作为正确的效果，让IE想办法来适应它。

2：测试的时候，不要在一个浏览器中完全做好，再用另一个浏览器测试。例如，对于一个很复杂的页面，如果首先在Firefox中制作，已经完全测试好了，然后用IE查看，可能很多地方都是混乱的，此时就针对IE进行一系列调整，等调整好了，回到Firefox查看，又乱了，如此往复，结果可想而知。因此，从空白页面开始，每做一小步，就同时在各种浏览器中查看，一旦发现显示效果不同，立即查找原因，寻找解决办法，因为每次增加的代码都很少，这样就很容易找出原因，从而做到最后就可以同时满足各种浏览器了。