浏览器兼容问题的原理

1、概念

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上显示的效果可能不一致而产生浏览器和网页简的兼容问题。

2、产生的原因

不同浏览器使用的内核 还有 浏览器所支持的 HTML等网页语言的标准不同，还有就是用户客户端的环境不同比如分辨率，造成的显示效果不同；

3、使用的内核不同

1、Chrome （谷歌浏览器） 与 Safari （苹果浏览器） 内核：Webkit 前缀：-webkit ；

2、IE （IE浏览器） 内核：Trident （英/ˈtraɪdnt/） (中文 三叉戟) 前缀：-ms- ;

3、Firefox（火狐浏览器） 内核：Gecko （英/ˈɡekəʊ/） (中文 壁虎) 前缀：-moz- ;

4、Opera （欧朋浏览器） 内核：Presto （英/ˈprestəʊ/）(中文 迅速) 前缀：-o-

注意点

1、谷歌浏览器使用的是自己开发的Blink渲染引擎。Blink渲染引擎是Webkit渲染引擎的一个分支，由Google和Opera Software共同开发。

欧朋浏览器（Opera浏览器）曾经使用Presto渲染引擎，但从Opera15版本开始转为Blink渲染引擎，这也是因为Opera Software与Google合作开发Blink而改变了自己的渲染引擎。

需要注意的是，虽然谷歌浏览器和欧朋浏览器都使用Blink渲染引擎，但它们的用户界面、特性和服务是不同的。

例子

1. 用户界面：谷歌浏览器（Google Chrome）和欧朋浏览器（Opera）在用户界面设计上有所不同。它们可能具有不同的标签栏、工具栏、菜单布局和主题选项。

2. 内置功能：谷歌浏览器和欧朋浏览器可能内置了一些不同的功能和工具。例如，谷歌浏览器可能会与其他Google服务（如Gmail、Google Drive等）集成，并提供一些特定的功能，而欧朋浏览器可能会提供自己的独特功能，比如流量节省模式、广告拦截器等。

3. 扩展和插件支持：尽管两者都基于Blink渲染引擎，但某些扩展和插件可能只能在其中一个浏览器中使用。这是因为浏览器开发商可能对扩展和插件进行了特定的修改或限制。

4. 默认设置：谷歌浏览器和欧朋浏览器在默认设置上可能有所不同。例如，搜索引擎的默认选择、默认主页、默认的隐私设置等可能会有区别。

5. 同步和云服务：谷歌浏览器通常与Google账户紧密集成，在不同设备上提供同步书签、历史记录、扩展和其他浏览器数据的功能。欧朋浏览器则可能与欧朋自己的云服务进行同步。

4、解决方法

浏览器兼容性库：借助第三方的浏览器兼容性库，如Normalize.css、Modernizr等，来解决一些常见的兼容性问题