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

 

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

 

 

转载于:https://www.cnblogs.com/flyaway007/archive/2008/09/02/1281760.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值