IE和chrom兼容性分析（持续更新）

近期由于要做一个浏览性兼容的项目，由于原来项目基于IE7兼容模式的浏览器内核，现在要更换为Chrome的的浏览器内核，所以需要解决一些页面的浏览器兼容性问题：

1、盒模型相关。由于IE浏览器的盒模型的content和chrome的content+pandding+border相等，如下图所示：

 

2、小于 12px 字号的文字在Chrome下会被强迫渲染为 12px 字号，所以原来在IE中过小的字体将会在Chrome中设置为12px。

3、Chrome浏览器会压缩OPTION 元素中的全角空格，将其作为半角空格渲染。

4、在IE中input表单的button和chrome中的button不一致，有两种解决办法：

• 按照blog中的方式进行修改：http://blog.sina.com.cn/s/blog_60b35e8301014g8c.html；
• 手动修改input的style属性，如style = “height = xxpx;width = xxpx”,本人在项目中采用第二种方式进行修改。

5、IE和W3C中的事件处理异同

• W3C DOM

obj.addEventListener(evtype,fn,useCapture)——W3C提供的添加事件处理函数的方法。obj是要添 加事件的对象，evtype是事件类型，不带on前缀，fn是事件处理函数，如果useCapture是true，则事件处理函数在捕获阶段被执行，否则 在冒泡阶段执行
obj.removeEventListener(evtype,fn,useCapture)——W3C提供的删除事件处理函数的方法

• 微软IE方法

o