前端开发之-各浏览器兼容总结

css
不同浏览器默认的margin和padding不同
解决方案：CSS里*{margin:0; padding:0;}

图片默认有间距
问题：几个img标签放在一起的时候，有些浏览器会默认的间距，加了问题一中提到的通配符也不起作用。
解决方案：使用float属性为img布局
备注：因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float是正确的（ps：不建议使用负margin,虽然能解决，但是负margin本身就是容易引起浏览器兼容问题的用法，所以禁止使用）

标签最低高度设置min-height不兼容
问题症状：因为min-height本身就是一个不兼容的css属性，所以设置min-height时不能很好的被各个浏览器兼容
解决方案:如果我们要设置一个标签的最小高度200px，需要进行的设置为{min-height:200px;height:auto!important;height:200px;overflow:visible;}
备注：在B/S系统前端开时，有很多情况下我们又这种需求。当内容小于一个值（如300px）时。容器的高度为300px；当内容高度大于这个值时，容器高度被撑高，而不是出现滚动条。这时候我们就会面临这个兼容性问题。

字体大小定义不同
问题症状：对字体大小small定义不同，Firefox为13px，而IE为16px，差别比较大　
解决方法：使用指定的字体大小如14px或者使用em

光标手形，cursor：hand显示手型在safari上不支持
问题表现：firefox不支持hand，但ie支持pointer
解决方案：统一使用cursor:pointer;

web标准中无法设置IE浏览器滚动条的颜色
原来样式设置为：
body{
scrollar-face-color：#fff
}
解决方案，把body换成html

列表类
ul标签在FF中默认是有padding值的，在IE中只有margin有值，先定义
ul{margin：0；padding：0}
ul和ol列表缩进问题消除ul，ol等列表的缩进时，样式应写成：{
list-style：none；margin：0px；padding：0px}
js
const问题
说明：Firefox下，可以使用const关键字来定义常量；IE下，只能使用var关键字来定义常量。
解决方法：统一使用var关键字来定义常量

事件绑定
IE:dom.attachEvent();
其他浏览器：dom.addEventListener();
标准浏览器采用事件捕获的方式对应IE的事件冒泡机制（即标准由最外元素至最内元素或者IE由最内元素到最外元素）最后标准方亦觉得IE这方面的比较合理，所以便将事件冒泡纳入了标准，这也是addEventListener第三个参数的由来，而且事件冒泡作为了默认值

阻止事件冒泡写法，
阻止默认事件写法

ajax略有不同
IE：ActiveXObject
其他：xmlHttpReuest