讲讲浏览器兼容问题

前端常见浏览器兼容性问题解决方案_普通网友的博客-CSDN博客_前端浏览器兼容性问题怎么解决

css样式兼容

1. 不同浏览器的标签默认的margin和padding不同 

2. css3新属性，加浏览器前缀兼容早期浏览器(定义关键帧动画 @keyframes css3中的变形（transform）、过渡(transtion)、动画(animation) border-radius 圆角 box-shadow 盒子阴影 flex 弹性布局)

3. 块属性标签float后，又有横行的margin情况下，IE 浏览器margin加倍的问题

4. 行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，IE6间距bug

5. 设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

6. IE浏览器div最小宽度和高度的问题

7. 超链接访问过后hover样式就不出现的问题

8. 图片默认有间距

9. css hack解决浏览器兼容性(迫不得已再用)

js兼容

1.  dom事件绑定
2. event事件对象问题
3. event.srcElement(事件源对象)问题
4. 获取元素的非行间样式值
5. 阻止事件冒泡传播
6. 阻止事件默认行为
7. ajax兼容问题