如何解决不同浏览器之间的兼容性问题

如何解决不同浏览器之间的兼容性问题~

各种浏览器之间主要区别是使用者的习惯而已，比如有的人喜欢一个浏览器内可以同时打开2个以上的网页，这样会节省点时间。有的人则喜欢类似IE这样单个网页就一个界面的形式。另外因为浏览器种类多，会挂上不同的广告，有的挂很多广告，一打开就有广告，比较烦，有的则相对少点，这也个人习惯，因为使用者习惯不同，有的喜欢多看看广告内容，有的则喜欢纯网页内的新闻之类。浏览能分这么种，也是因为各有优势，侧重点不一样。所以，没必要安装太多浏览器了，很多内容还是一样的，不是你抄我，就是我抄他。中国特色！当你用习惯了，你就会觉得只用一种浏览器够你所需了。不过，也可以装3个不同浏览器，一般也不会出现不兼容的问题。我是只用360的，因为它有个收藏夹很好用，有个帐号，在不同机器内都可以用上，就算重装系统也没事呵，有些收藏内容是很重要的！另外在公司因为要支持某些商家，不得不用其它浏览器了

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同

问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

碰到频率:100%

解决方案：
CSS里加一行
1
*{margin:0;padding:0;}

备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大

问题症状:常见症状是IE6中后面的一块被顶到下一行

碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题）

解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性

备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题。

浏览器兼容问题三：设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

问题症状：IE6、7和遨游里这个标签的高度不受控制，超出自己设置的高度

碰到频率：60%

解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

备注：这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的，这个标签的高度还是会达到默认的行高。

浏览器兼容问题四：行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，IE6间距bug

问题症状：IE6里的间距比超过设置的间距

碰到几率：20%

解决方案：在display:block;后面加入display:inline;display:table;

备注：行内属性标签，为了设置宽高，我们需要设置display:block;(除了input标签比较特殊)。在用float布局并有横向的margin后，在IE6下，他就具有了块属性float后的横向margin的bug。不过因为它本身就是行内属性标签，所以我们再加上display:inline的话，它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:talbe。

浏览器兼容问题五：图片默认有间距

问题症状：几个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起作用。

碰到几率：20%

解决方案：使用float属性为img布局

备注：因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float是正道。（我的一个学生使用负margin，虽然能解决，但负margin本身就是容易引起浏览器兼容问题的用法，所以我禁止他们使用）

浏览器兼容问题六：标签最低高度设置min-height不兼容

问题症状：因为min-height本身就是一个不兼容的CSS属性，所以设置min-height时不能很好的被各个浏览器兼容

碰到几率：5%

解决方案：如果我们要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

备注：在B/S系统前端开时，有很多情况下我们又这种需求。当内容小于一个值（如300px）时。容器的高度为300px；当内容高度大于这个值时，容器高度被撑高，而不是出现滚动条。这时候我们就会面临这个兼容性问题。

浏览器兼容问题七：各种特殊样式的兼容，比如透明度、圆角、阴影等。特殊样式每个浏览器的代码区别很大，所以，只能现查资料通过给不同浏览器写不同的代码来解决。

JS解决IE6下png透明失效的问题

做兼容页面的方法是：每写一小段代码（布局中的一行或者一块）我们都要在不同的浏览器中看是否兼容，当然熟练到一定的程度就没这么麻烦了。建议经常会碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的，只要我们稍加设置都能轻松地解决这些兼容问题。如果我们熟悉标签的默认属性的话，就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。
实战是解决问题的最佳途径，也是遇到问题的唯一途径，大家多多亲自制作才能更快更好的成长，另外多去借鉴别人的经验也是进步的捷径。

---

鹤峰县18590272864： 如何解决不同浏览器之间的兼容性问题 - ？
左丘羽派力： 浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大.碰到频率:100%解决方案: CSS里加一行 1 *{margin:0;padding:0;}备注:这个...

鹤峰县18590272864： 网站浏览器不兼容怎么办啊? - ？
左丘羽派力： 应该没有抄什么太好的办法; 乱码的原因是:1:因为在网站开发时.可能你的编码方式与浏览器不同.这时只能把网站下载.修改网站原代码后.重新上传;2:你的网站数据库编码方式不对.方法同上;3:我看你网站是Asp的 ,可能网站程序有Bug....

鹤峰县18590272864： 如何解决浏览器兼容问题 - ？
左丘羽派力： 这种不兼容问题主要是因为浏览器的内核不同所致. 如果你用过Netscape,这种不兼容的问题尤为突出.比如,在IE下可用的Flash控件,到了Netscape就不可用.甚至有时连图片都看不了.有的Javascript脚本在Netscape下也无法使用. 虽然...

鹤峰县18590272864： 工作中常见的浏览器兼容问题,怎么解决的 - ？
左丘羽派力： 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以...

鹤峰县18590272864： 各个浏览器的兼容性问题如何可以快速解决 - ？
左丘羽派力： 排版引擎不一样,useagent也不一样,当然IE兼容性之所以最好是因为目前网页设计是以IE为标准的所以才兼容性好,每个浏览器都能加上IE内核,即使CHROME也可以用ie tabs等等 很简单就能解决了

鹤峰县18590272864： 谈谈对浏览器兼容问题的见解 是怎么解决浏览器兼容问题的？
左丘羽派力： 现在的网页对低版本的IE浏览器的兼容已经很少有需求了. 因为现在微软都抛弃了XP了,用IE低版本的人基本很少了吧.所以都是兼容主流浏览器的(chrome,firefox,ie8以上等等)要兼容性好,要去了解一个各个浏览器对属于的区别,如padding,border.然后,学习一下css hack.主要是布局要好,布局好,基本都不会有太大的差别.(DIV+CSS)

鹤峰县18590272864： 如何快速的解决浏览器兼容性问题 - ？
左丘羽派力： 所谓的不兼容很大意义上是指初始值的不同. 比如:默认div层中.不同浏览器是有默认的padding值和其他属性值的 我做个示范 如下: body{font-size:12px; font-family:宋体, Arial, Helvetica, sans-serif;padding:0px; margin:0px;} div,form,img,ul...

鹤峰县18590272864： 怎么样处理浏览器兼容问题 - ？
左丘羽派力： 我也是搞网页设计的,对于兼容性问题,2个工具就够了,一个是火狐中国,另外一个IETester(是个软件,含有ie核心各种版本,你搜索一下可以找到这个软件). 对你有帮助,别忘了给我加分哦^_^^_^!

鹤峰县18590272864： 网页设计中如何解决浏览器兼容问题 - ？
左丘羽派力： 1. 目标不居中; 一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况: a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个...

鹤峰县18590272864： 如何更好的解决浏览器兼容问题 - ？
左丘羽派力： IETester中文免费版 - 最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存) 对于很多拥有自己博客或者接触网页制作的朋友,肯定会遇到自己辛苦写好的页面在不同的浏览器下显示出来的效果截然不同吧,喜欢追求完美的朋友就肯定希望能尽...