首先,使用reset.css或normalize.css.两者都尝试服务于相同的目标(浏览器之间的一致性修复),但每个都从不同的角度解决问题.因此,请确保选择最适合您的那个.虽然并不完美,但它们在所有浏览器中都非常接近,如果没有它,这比你可以说的还要多.

其次,请查看QuirksMode以查看具有标准的various browser compatability(这些标准是否处于推荐阶段).您可以在此处决定将使用的功能与焦点组的兼容性.

第三,凭借“一致”css基础的新功能,以及浏览器支持什么的知识,请务必阅读,拥抱,宣讲和应用渐进增强技术(请参阅下面我喜欢的文章).渐进增强的力量是使用什么工作,而不是试图将肥胖的脚踩到纤细的鞋子里.

关于渐进增强的文章：

> http://www.alistapart.com/articles/understandingprogressiveenhancement
> http://www.alistapart.com/articles/progressiveenhancementwithcss
> http://en.wikipedia.org/wiki/Progressive_enhancement

最后,安装您在焦点组中考虑的任何其他浏览器.这样做可以让您毫无疑问地测试页面上的外观.

在Windows上,我建议安装IE9,以便能够将渲染模式切换到旧版本的IE.虽然这些渲染模式并不完美,但在大多数情况下,它们可以像真实的一样可靠.如果您无法安装IE9,我会为您感到遗憾,但幸运的是,IE8为渲染模式提供了类似的功能.

在其他任何事情上(如果你想要真正的IE浏览器而不是仿真,甚至是windows),你需要运行一个windows虚拟实例.有很多方法可以获得,MS甚至提供各种实例的图像,专门为开发人员能够测试旧版本的IE.有关MS提供IE6和IE7 VPC的位置的详细信息,请参阅this blog post.

使用这些工具,您应该能够开发出一种看起来没有工作的设计,并且可以在100％的浏览器中优雅地降级,并验证它是否正确实现.虽然它可能有点令人生畏,但这将大大降低发布时显示/ js相关错误的机会.