http://www.osxcn.com/css/css-browser-compatibility-testing.html
一种是写 CSS 的时候同时使用多个浏览器测试,然后再进行下一步。另外一种方法就是,先使用一种浏览器调试,写完后再用其他浏览器检查兼容性并修复。第一种方法乍看比较费时,但是把整个时间算起来它们也相差不多,而且在整个网站完后再检查兼容性的话,你会发现那是一件痛苦的事,有时往往会全部推倒重来。
所以我使用第一种方法,做模板时主要使用 Windows 操作系统,因为有 PS。
一般我会在 Windows 上安装 IE6、Firefox、Opera,最近加上了 Safari,一边写 CSS 一边用 IE6 和 Firefox 调试(它们之间的差别最大),完成了一个阶段后,再打开 Opera 和 Safari 调试一下,一般问题不大,最后再登录到 Ubuntu 用 Firefox 和 Konqueror 测试在宋体和黑体下的显示效果。这样才能算基本完成。
IE7 IE 6差别也不小
我是 Firefox->IE7->IE6->Opera 然后显得没事才会 Safari, Konqueror。
其实我发现 CSS 尽量按照 W3C 的定义来写,基本上除 IE7/IE6 外就都正常了,然后再用条件注释语句载入一个为 IE7/IE6 修正用的 CSS,兼容性就很好了。那些 CSS Hacks 实在太累心。
1. 在 Firefox 弄, 并尽量不使用 padding, 使用 .clear{clear:none; clear:both !important;}
2. 完全弄好再到 IE6 测试.
3. IE7 和 KHTML, Opera 一般不测试, IE7 有点无能为力, KHTML 和 Opera 一般不会有问题, 就算有也是很小的问题.
先满足FF然后再是IE,最后是Opera、Safari。