document.write('解析:一般网页通过 IE6、IE7、IE8,Firefox5+,Chrome,Safari 测试。• IE 内核浏览器:360,傲游,搜狗,世界之窗,腾讯 TT;• 非 IE 内核浏览器:Firefox,Opera,Safari,Chrome。关于经常遇到的兼容性问题,这个只需如实回答就好,排版中总会遇到兼容问题的,你只需要整理好问题,并把解决方法说出来。例如:(1)IE6 双倍边距的问题。在使用了 float 的情况下,不管是向左还是向右都会出现双倍,最简单的解决方案就是把 display:inline; 加到 CSS 里面去。(2)文字本身的大小不兼容问题。同样是 font-size:14px 的宋体文字,在不同浏览器下占用的空间是不一样的。在 IE 下实际占高 16px,下留白 3px ;在Firefox 下实际占高 17px,上留白 1px,下留白 3px ;在 Opera 下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍 1px 的差异。(3)在 Firefox 下容器高度限定,即容器定义了 height 之后,容器边框的外形就确定了,不会被内容撑大,而在 IE 下是会被内容撑大的,高度限定失效。所以不要轻易给容器定义 height。(4)横向上的内容撑破容器问题。如果 float 容器未定义宽度,在 Firefox 下内容会尽可能撑开容器宽度,在 IE 下则会优先考虑内容折行。所以,内容可能撑破的浮动容器需要定义 width。(5)浮动的清除,在 Firefox 下必须清除浮动。(6)mirrormargin Bug。当外层元素内有 float 元素时,外层元素如定义margin-top:14px,将自动生成 margin-bottom:14px。padding 也会出现类似问题,都是在 IE6 下产生的,该类 Bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定 border 或设定 float。(7)吞吃现象。还是 IE6,上下两个 div,上面的 div 设置背景,却发现下面没有设置背景的 div 也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案 :使用 zoom:1。这个 zoom 是专门为解决 IE6 Bug 而生的。');