网站建设中的兼容问题如何解决?
现在的浏览器越来越多,什么IE9、IE10、火狐、猎豹、UC等等,市场上面浏览器越来越多,不同的人用不同的浏览器。但是每个浏览器网站加载的情况不一样,也就导致在网站建设的时候必须要把大多的浏览器加载情况考虑进去。这样才能让自己的网站不会出现错码之类的问题。
而网站兼容性一直是网站制作人员为的一件事,有时候甚至一个对齐问题都是处理半天时间,有时候好不容易处理好了IE8下的兼容,但猎豹上面又不行了,有时候所以的IE浏览器全部OK了,就要你高兴的时候,刚刚要在火狐上面实验,结果火狐下没有反应...
这样的问题相信每一个网站制作人员都遇到过,每次都为这个,让人无奈。甚至你会想为什么弄出那么多个浏览器?浏览器市场竞争也太激烈了,这让我们网站建设人员无话可说。当然在小编多年建设的基础上,多一般的网站兼容情况还是可以处理的。
那么出现兼容问题如何解决?尚途科技小编分析一下。
一、遇到任何问题一定是先找出原因
首先弄清楚是在什么版本的浏览器出现的问题,因为很多客户不知道是IE几,只知道名字,因为在刚刚买的电脑上面通常用的是IE,那我们只能根据这个去作为线索去解决问题了。
二、要有一个好的工具
比如说IETest工具,,可以在里面自动加载IE各个版本,然后网站建设人员要大概的了解各个浏览器的内核,一般来说像搜狗浏览器调用的就是IE的内核,其它的浏览器基本在百度上搜索下就知道了。
三、知道是哪种内核版本引起的问题
当然现在的网站对于以前版本的浏览器会出现兼容问题的可能性大,尤其是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就不起作用了。
其实对于网站设计兼容性来说,大多数都是发生在老版本的浏览器中。因为IE浏览器不能自我更新,只能去靠用户下载。在网站建设技术不断发展中,浏览器越来越完善,让越来越的网站元素适应。这时候就是在体现我们网站建设人员对网站如何去灵活设计了。
原文网址http://www.***/shownews/301.html
而网站兼容性一直是网站制作人员为的一件事,有时候甚至一个对齐问题都是处理半天时间,有时候好不容易处理好了IE8下的兼容,但猎豹上面又不行了,有时候所以的IE浏览器全部OK了,就要你高兴的时候,刚刚要在火狐上面实验,结果火狐下没有反应...
这样的问题相信每一个网站制作人员都遇到过,每次都为这个,让人无奈。甚至你会想为什么弄出那么多个浏览器?浏览器市场竞争也太激烈了,这让我们网站建设人员无话可说。当然在小编多年建设的基础上,多一般的网站兼容情况还是可以处理的。
那么出现兼容问题如何解决?尚途科技小编分析一下。
一、遇到任何问题一定是先找出原因
首先弄清楚是在什么版本的浏览器出现的问题,因为很多客户不知道是IE几,只知道名字,因为在刚刚买的电脑上面通常用的是IE,那我们只能根据这个去作为线索去解决问题了。
二、要有一个好的工具
比如说IETest工具,,可以在里面自动加载IE各个版本,然后网站建设人员要大概的了解各个浏览器的内核,一般来说像搜狗浏览器调用的就是IE的内核,其它的浏览器基本在百度上搜索下就知道了。
三、知道是哪种内核版本引起的问题
当然现在的网站对于以前版本的浏览器会出现兼容问题的可能性大,尤其是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就不起作用了。
其实对于网站设计兼容性来说,大多数都是发生在老版本的浏览器中。因为IE浏览器不能自我更新,只能去靠用户下载。在网站建设技术不断发展中,浏览器越来越完善,让越来越的网站元素适应。这时候就是在体现我们网站建设人员对网站如何去灵活设计了。
原文网址http://www.***/shownews/301.html