Question

做网页时，浏览器兼容性问题怎么解决？

做好一个页面，所有浏览器一个个去测试吗？？
那岂不是有太多的浏览器了？？ 火狐，safari，IE。。等等。
我要测多少个呀

Answer 1

同样内核的测试一个就行，火狐和IE和谷歌浏览器分别是三种常用的不同内核，所以需要测试这三种，只有ie因为版本的高低出现的区别比较大，有耐心的就把ie6和8都测试一下，没耐心的测试一个ie也行
给网页写代码的，说就是要一种种的浏览器挨个测试，不过一般以上四个浏览器就够了

追问

怎么看是不是同一个内核。 - - ！ 其实不懂什么是内核

追答

浏览器内核 这个是记住的不是看到的···
世界之窗极速版是用的谷歌内核（普通的世界之窗浏览器不是谷歌内核）
大多数浏览器用的IE内核
火狐是单独的内核

Answer 2

1. 同浏览器对HTML标记所具有的内外边距属性具有不同的定义。
   

2. 因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：

3. *{margin:0px;padding:0px;}

4. 借于此，所有标记的内外边距被统一起来。
   

5. 优先级问题：

6. 对于同一标记属性所给定的值，有不同的优先级。其中优先级最高的是内联代码，其实是页内CSS，接下来是浏览器默认设置，最后才是外部CSS所做的限制。

7. Margin不一致的问题：
   

8. 当有多张图片需要排在一行时，通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display：inline”项即可。

9. DIV居中问题：
   

10. 通常会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。
    

11. 内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。
    

12. 掌握了这一规则，在利用DIV块进行布局时就可以做的更加得心应手。

    
    

Answer 3

Answer 4

主流的几个测试一下即可了。 CSS 写一些兼容的样式。