不同浏览器的兼容问题

不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，所以浏览器兼容性问题一般指：css兼容、js兼容

浏览器	内核（渲染引擎）
Chrome谷歌	之前Webkit，已改Blink内核
FireFox火狐	Gecko
Safari苹果	Webkit
IE	Trident
Opera欧朋	现已改用Google Chrome的Blink内核

css兼容

        1. 不同浏览器的标签默认的margin和padding不同

             我们要初始化样式 *{margin:0;padding:0;}

   2. css3新属性，加浏览器前缀兼容早期浏览器      

         -moz- /* 火狐浏览器 /
   -webkit- / Safari, 谷歌浏览器等使用Webkit引擎的浏览器 /
   -o- / Opera浏览器(早期) /
   -ms- / IE */