浏览器兼容

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;将其转化为行内属性

 

posted @ 2017-06-25 15:38  乜**乜  阅读(106)  评论(0编辑  收藏  举报