归纳总结：HTMLCSS学习笔记（两个十四）浏览器兼容

与浏览器兼容

浏览器

浏览器大战

第一次浏览器大战发生在1990年代。微软发布了其Internet Explorer浏览器，该浏览器与Netscape Navigator竞争。

第二次浏览器之战发生在20世纪。

战争产品：Internet Explorer 9

13年的市场份额

14年的市场份额

15年的市场份额

2017年市场份额

19年的市场份额

浏览器内核（4个现代内核）

三叉戟代表作品：IE

由Microsoft开发并在1997年10月首次在4.0中使用的一种高级内核。由于Trident具有Windows垄断优势，它一直具有很高的市场份额。但是，垄断不是。没有竞争就没有进步。长期以来，Trident内核停滞不前，更新缓慢，甚至与W3C标准脱节。 2011年，从IE 9开始，Trident开始支持HTML5和CSS 3.因此，我们经常看到一些网站在浏览时提示用户（Internet Explorer9.0+或以上是最佳浏览）。前端程序员通常不再认为8之前的浏览器与浏览器兼容。

壁虎杰作：Mozilla

由Netscape的Mozilla组织开发的一种高级内核。 1998年，在IE浏览器失去竞争之后，Netscape成立了一个非正式组织Mozilla，该公司开发了新一代内核，后来将其命名为“ Gecko”。 FireFox也由该小组开发，因此这是Mozilla一直在使用的内核。 Gecko的特点是代码是完全开放的，因此其开发水平很高，全世界的程序员都可以编写代码并为其添加功能。

WebKit：Apple和Google的旧版本

这是Apple开发的内核，也是其Ssfari浏览器使用的内核。 Webkit引擎包括WebCode排版引擎和JavaScriptCode解析引擎，它们分别来自KDE的KHTML和KJS。它们都是根据GPL条约许可的免费软件，并支持BSD系统开发。 Chrome，360速度浏览器和Sogou高速浏览器也使用Webkit作为内核（就脚本理解而言，Chorome使用其自己的V8引擎）。

眨眼：杰作：Google＆Oupeng

这是由Google和Opera Software开发的浏览器排版引擎。 Google Computing在Chromium项目中使用了此渲染引擎，并于2013年4月宣布了这一消息。此渲染引擎是开源引擎Webkit中WebCore组件的一个分支，并在Chrome（28版及更高版本）的Opera中使用（15版及更高版本）和Yandex浏览器

Presto（不赞成使用Opera之前的内核）

为什么存在浏览器兼容性问题？

由于主要的主流浏览器是由不同的制造商开发的，因此所使用的核心架构和代码也难以协调，这为各种无法解释的错误（代码错误）提供了温床。加上主要制造商为自己的利益设置的各种技术障碍，CSS的应用比想象的要麻烦得多。浏览器的兼容性是我们必须克服的问题。

CSS Bug，CSS Hack and Filter

常见错误

在较低版本的IE中常见的CSS解析错误和黑客行为

1)图片有边框BUG

将图片添加到IE时，将出现边框

Hack：添加边框：0；或border：0无；

2)图片空白

div中图片间隙的错误

说明：将图片插入div时，图片会将div的底部扩大大约三个像素。

hack1：将

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shumachanpin/article-342876-1.html