关于浏览器兼容性

来源:互联网 发布:什么是网络教育 编辑:程序博客网 时间:2024/03/29 17:40

作为一个前端初学者,一直不想谈的话题就是浏览器的兼容性。
因为在盒模型中,要考虑浏览器兼容;
还有最近发现button属性、a属性,ie都有问题,让我想想ie还有什么幺蛾子。
今天就做一个总结吧。
总结完了,姐姐就学reactjs和sass去了

浏览器引擎的分类

  • Trident:IE6, IE7, IE8, IE9, 360, 搜狗, 遨游, 世界之窗, 腾讯TT
  • Gecko:Firefox
  • Webkit:Chrome, Safari
  • Presto:Opera

根据经验来看,使用Gecko和Webkit的浏览器对Web标准支持最到位,相同的代码在它们的渲染下样式基本没有差别。Presto对Web标准支持得也不错,但偶尔会出现一些小问题。
最让人头疼的,就是Trident的那些玩意儿了。

要做好浏览器的兼容,我觉得理解好以下的一些知识点会很有帮助:

reset.css (Reset CSS的前生今世)
正确理解盒模型
block与inline
float与clear
CSS Hack

正确理解盒模型

之前写布局的时候有提到盒模型这一问题,最后的解决方案就是使用box-sizing。

block与inline

float与clear

css Hack

0 0
原创粉丝点击