笔记 前端需要了解的浏览器兼容问题

css兼容性问题

1. 不同浏览器的标签默认的外补丁和内补丁不同，解决方案：用通配符*来设置各个标签的内外补丁是0（即设置margin和padding为0）；
2. div的垂直居中问题 vertical-align：middle；文字居中：将行距增加到和整个div一样，高line-height=行高；
3. margin加倍问题：设置为float的div在ie下的margin会加倍。解决方案：为这个div设置样式：display:inline;

js兼容性问题

1. 在标准的事件绑定中绑定事件的方法函数为addEventListener，而IE使用的是attachEvent；
2. 事件处理中event属性的获取不同。标准浏览器是作为参数带入，然后通过e.target获取目标元素；而IE是通过window.event方式获得，通过e.srcElement获取目标元素；