浏览器兼容

Posted 2020-09-24 乜**乜

Gecko

　　Gecko(Firefox内核)：Gecko 的特点是代码完全公开，因此可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。因为这是个开源内核，因此受到许多人的青睐，Gecko 内核的浏览器也很多，这也是 Gecko 内核虽然年轻但市场占有率能够迅速提高的重要原因

webkit

　　Webkit(Safari 内核,Chrome 内核原型,开源):它是苹果公司自己的内核，也是苹果的 Safari 浏览器使用的内核。 Webkit 引擎包含 WebCore 排版引擎及 javascriptCore 解析引擎，均是从 KDE 的 Khtml 及K JS 引擎衍生而来，它们都是自由软件，在 GPL 条约下授权，同时支持BSD系统的开发。所以 Webkit 也是自由软件，同时开放源代码。在安全方面不受 IE、 Firefox 的制约，所以Safari浏览器在国内还是很安全的。

Presto

　　Presto(Opera前内核) (已废弃)： Opera12.17 及更早版本曾经采用的内核，现已停止开发并废弃，该内核在2003年的 Opera 7 中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，然而代价是牺牲了网页的兼容性。

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同
问题症状：随便写几个标签，不加样式控制的情况下，各自的 margin 和 padding 差异较大。

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

• 浏览器兼容问题二：块属性标签 float 后，又有横行的 margin 情况下，在 IE6 显示 margin 比设置的大 问题症状:常见症状是 IE6 中后面的一块被顶到下一行 碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题） 解决方案：在 float 的标签样式控制中加入 display:inline;将其转化为行内属性