CSS 的浏览器兼容性测试顺序!!!

 

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. 在 Ｆirefox 弄, 并尽量不使用 padding, 使用 .clear{clear:none; clear:both !important;}
2. 完全弄好再到 IE6 测试.
3. IE7 和 KHTML, Opera 一般不测试, IE7 有点无能为力, KHTML 和 Opera 一般不会有问题, 就算有也是很小的问题.

 

先满足FF然后再是IE，最后是Opera、Safari。