处理网站兼容问题的几大秘诀
网站兼容问题一直是让网站开发人员最为头痛的事这一,有时候甚至一个对齐问题都是处理半天时间,有时候好不容易处理好了IE6下的兼容,但IE8下 的又不 行了,有时候IE下的全部OK了,就在高兴的时候,突然传过来说,“邹工,那个什么在火狐下没有反应~”!!我想说,,我可以说脏话吗?不可以的话那我真 是无话可说了,,我在想,干嘛弄出那么多个浏览器呢,IE自家的浏览器为什么升级不自己兼容自己的东西呢~~我真的无力吐嘈了~~可能很多网站开发人员也 有过我这想法吧?如吧,,我不再抱怨了,最终还是要解决这些问题的~~~
那我是一般是怎么处理网站兼容问题的呢?
1,作为我一名程序员来说,遇到任何问题一定是先找出原因
首先弄清楚是在什么版本的浏览器出现的问题,因为一般客户不知道是IE几,只知道名字,通常用的是IE,那我们只能根据这个去作为线索去解决问题了
2,工具要齐全,程序员来说工具是最好的帮手!有一个好的工具能帮助你省不少的事!
一般来说我用的是IETest这个工具,可以在里面自动加载IE各个版本,然后网站开发人员要大概的了解各个浏览器的内核,一般来说像搜狗浏览器调用的就是IE的内核,其它的浏览器基本上你在百度上搜索下就知道了
3,到这里应该要知道是哪种内核版本引起的问题,就可以开始对症下药了!
一般来说如果在IE6下出现的问题较多,基本有这几个,1)再IE6下所有样式都不起作用,这种一般是没有引用到样式文件,或者是样式文件出现了问 题,可 以用删除法排除,把样式文件打开,将样式删除一部分然后再看页面是否是已经有了 2)浮动引起的,有时候页面底部的东西盖住了页面上面的内容或者底部的内容漂到了右边,这一般都是没有清除浮动引起的,一般加上clear:both就能 解决这个问题。基本上很多问题都是跟浮动相关的了,在这里我经常用的办法就是用删除法,先找到是哪个样式引起的问题,然后解决问题!这里我介绍几个常用的 方法!
用符号_ 用来针对IE6的样式,如_width:200px则在IE6下宽度为200像素,*针对IE6和IE7,9针对所有IE版本
然 后样式也有先后的,比如width:200px;_width:190px;和 _width:190px;width:200px;是不同的,前面是在所有浏览器中宽度是200,而在IE6下是190,后才则是所有浏览器都是 200,而那个在IE6下的190就不起作用了!
其实解决兼容问题没有多复杂和多难,方法其实就是这么些,关键看怎么灵活运用,今天能想起来的就这些,希望能帮助到网站开发人员,特别是前台制作人员!
一切问题都是方法问题!技巧只是辅助,方法才是关键!!
补充:web前端 , HTML/CSS ,