五大主流浏览器的内核,前端在IE浏览器中常见的兼容问题
一 标题五大主流浏览器及其内核
1、Trident 代表作:IE
元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势,
Trident市场占有率一直很高。然而垄断并非,没有竞争就没有进步,长期以往,Trident内核一度停滞不前,
更新缓慢,甚至一度与W3C标准脱节。2011年,从ie 9开始,Trident开始支持HTML5
和CSS 3,因此我们也经常会看到有些网站在浏览时会提示用户(
在Internet Explorer 9.0+以上浏览效果最佳)。
前端程序员做浏览器兼容一般也不再会考虑ie 8之前的浏览器了。
2、Gecko 代表作:Mozilla FireFox
元老级内核之一,由Netscape公司Mozilla组织开发。
1998年,Netscape在于IE浏览器竞争失利之后,
成立了非正式组织Mozilla,由其开发新一代内核
,后命名为“Gecko”。FireFox也是这班人开发出来了,
因此这也就是Mozilla一直使用的内核。
Gecko的特点是代码完全公开,因此其开发程度很高,
全世界的程序员都可以为其编写代码, 增加功能。
3、WebKit : 苹果 & 谷歌旧版本
这是苹果公司开发的内核,也是其旗下产品Ssfari浏览器使用的内核。
Webkit引擎包含了WebCode排版引擎和JavaScriptCode解析引擎,
分别是从KDE的KHTML和KJS衍生而来,它们都是自由软件,在GPL条约下授权
,同时支持BSD系统开发。 Chrome、360极速浏览器以及搜狗高速浏览器也使用Webkit作为内核
(在脚本理解方面,Chorome使用自己研发的V8引擎)。
4、Blink : 代表作:谷歌 & Opera
这是由Google和Opera Software开发的浏览器排版引擎,
Google计算将这个渲染引擎作为Chromium计划的一部分 并且在2013年4月公布了这一消息 。
这一渲染引擎是开源引擎Webkit中WebCore组件的一个分支
,并且在 Chrome(28及往后版本)、 Opera(15及往后版本)浏览器中使用
5、Presto ( Opera前内核 已经废弃 )
二、前端在IE浏览器中常见的兼容
A:图片png24格式的兼容,png24格式在IE6上不透明
hack:把png24格式换成png8或者GIF格式
B:默认高度 (如果是需要看不见一定要加height:0;如果是需要其他的数值,那么就给其他的数值)
描述:在IE7或者IE6及以下版本中,部分块元素拥有默认高度(在16px左右;)
hack1:给元素添加声明:font-size:0;
hack2:给元素添加声明:overflow:hidden;
C、双倍浮向(双倍边距)(只有IE6出现)
描述:当Ie6及更低版本浏览器在解析浮动元素时,会错误地把浮向边边界(margin)加倍显示。
hack:给浮动元素添加声明:display:inline;
D、在IE6及更低版本的浏览器里,如果想去掉input的默认边框,不能设置border:none;
hack:设置input{border:0;}
E、如果设置了input的高度,在其他浏览器上显示的value的内容是垂直居中的,但是在ie6上是在顶部的
hack:给input添加一个行高等于它的高度。
F、在IE6及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况。(也会受系统影响)
hack:给右面的浮动元素添加声明:clear:right;
G、IE7及以下浏览器li有时候会莫名的向下撑大3-4像素。
hack:给li添加一个 +margin-top:-3px或者-4px
五大主流浏览器的内核,前端在IE浏览器中常见的兼容问题相关推荐
- 【海码学院】web前端基础入门CSS之常见CSS兼容问题学习笔记
一.兼容性处理要点 1.DOCTYPE 影响 CSS 处理: 2.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important ...
- 五大主流浏览器和四大浏览器内核
1.浏览器 任何上过网的用户对浏览器是再熟悉不过了,只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分-浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发 ...
- 五大主流浏览器及其内核简要介绍
主流浏览器及其内核 一.浏览器 1.什么是浏览器? 2.市面上的浏览器有哪些? 3.浏览器的组成部分 二.主流浏览器 1.浏览器的最主要的两块? 2.什么叫主流浏览器? 3.市面上的主流浏览器有哪些? ...
- 五大主流浏览器四大内核(浏览器兼容)
之前做项目的浏览器兼容,之前的浏览器嗅探全是一个一个方法判断,写的太乱太复杂了,后面用到了Browser.js,因为这个插件能测试到浏览器的内核,所以不管什么浏览器都可以测试出来.浏览器内核是指浏览器 ...
- 五大主流浏览器-简介
世界五大主流浏览器 === **Internet Explorer 简称ie,微软公司旗下浏览器** IE的诞生起源于1994年,当时微软为了对抗几乎占据市场百分之九十份额的网景Netscape Na ...
- 前端学习(一) 浏览器渲染原理
前言 浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分,一是渲染引擎,另一个是JS引擎,渲染引擎在不同的浏览器中也不是都相同的.目前市面上常见的浏览器内核可以分为4种: Trident( I ...
- html检测浏览器内核,判断浏览器的内核及版本号方法汇总_jquery
通过jquery 判断浏览器的内核及版本号 通过浏览器版本信息判断各浏览器 var _uat=navigator.userAgent; if(_uat.indexOf("MSIE 6.0&q ...
- 网页浏览器 市面上存在的网页浏览器
市面上存在的浏览器 浏览器的市场份额 https://tongji.baidu.com/research/site 浏览器的内核 首先解释一下浏览器内核是什么东西.英文叫做:Rendering Eng ...
- 五大主流浏览器及四大内核1
转载:https://blog.csdn.net/yuyanjing123456789/article/details/78689595 任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏 ...
最新文章
- 潜在语义分析(Latent Semantic Analysis)
- 罗泾数据中心顺利投产 中国太保科技建设正式步入“两地三中心”时代
- hdoop(2)——hdfs一些常用的配置文件
- 在所有浏览器下一次性测试您的网站
- php xml相关函数方法,php中对xml读取的相关函数的介绍一
- centos 源码安装mysql5.6_CentOS 7下源码安装MySQL 5.6
- 代码下移快捷键_收藏细看!最全面的通达信快捷键一览
- uchar与char
- windows XP系统内核文件分析(全)
- 《管理的实践》全书结构
- vs2005项目的安装与布署
- 磁盘分区助手使用心得
- Google AI 博客:Hum to Search 项目,使用机器学习来识别随口哼唱的旋律
- 薛定谔把妹法、量子力学和鸡汤(超长,慎入)
- 如何获取伪装ip下的真实ip地址
- BICEP单元测试计划——四则运算Ⅱ
- P32-前端基础-CSS盒子尺寸box-sizing: border-box
- 拉格朗日插值法《python数据分析与挖掘实践》
- pl2303hxa串口线驱动_MAX232和PL2303_CH340的区别
- 实验.........