经常遇到的浏览器的兼容性有哪些？原因？解决方法是什么？

1. PNG24位的图片在ie6浏览器上出现背景，解决方案是做成PNG8
2. 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}
3. ie6双边距bug:块属性标签float后，又有横行的margin情况下，在IE6显示的margin比设置的大
4. IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用getAttribute()获取自定义的属性；在FireFox下，只能使用getAttribute()获取自定义属性；解决方法：统一通过getAttribute()获取自定义属性
5. IE下，even对象有x,y属性，但是没有pageX,pageY属性；在Firefox下，even对象有pageX,pageY属性，但是没有x,y属性；解决方法：(条件注释)缺点是在IE浏览器下可能会增加额外的HTTP请求数
6. Chrome中文界面下默认会将小于12px的文本强制按照12px显示，可通过加入CSS属性-webkit-text-size-adjust:none解决

转载于:https://www.cnblogs.com/luckyXcc/p/5771002.html