我的IT梦——定位及浏览器兼容

定位

绝对定位 position absolute
相对定位 position relative
固定定位 position fixed

浏览器兼容

浏览器间内核的差异是浏览器产生兼容问题的主要原因
内核只是一个通俗的说法,英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

IE浏览器内核 Trident

IE浏览器(遨游、世界之窗、腾讯TT…都是IE)Trident内核最慢

firefor内核 Gecko

开放源代码、以C++编写的网页排版引擎,是跨平台的

Safari内核 Webkit

苹果公司自己的内核,google的chrome也使用webkit作为内核。 是一个开源的浏览器引擎,同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,它拥有清晰的源码结构、极快的渲染速度,包含的 WebCore 排版引擎和 JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来。 许多网站都是按照IE来架设的,很多网站不兼容Webkit内核,比如登录界面、网银等网页均不可使用Webkit内核的浏览器。 Safari([səˈfɑri]), Google Chrome, 傲游3, 猎豹浏览器, 百度浏览器 opera浏览器 基于 Webkit 开发。

Opera内核 Presto

目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。由Opera Software开发的浏览器排版引擎,Opera(欧朋浏览器),但由于市场选择问题,主要应用在手机平台–Opera mini

doctype作用

1.对文档进行有效性验证
2.决定浏览器的呈现模式

触发怪异模式

1.不写doctype
2.书写古老的、错误的doctype

CSS Hack

1.css类内部的hack
2.CSS选择器的hack
3.HTML头部hack

业务挂钩

1.首先确定用户群体
2.渐进增强:针对低版本浏览器构建页面保证基本功能;再针对高版本浏览器进行效果交互性能等进行改进,追加功能。
3.优雅降级:一开始构建完整功能,再针对低版本浏览器进行兼容

posted @ 2017-08-13 23:51  小蜗牛丶  阅读(501)  评论(1编辑  收藏  举报