What are the compatibility of browsers that you often encounter? Reason? What is the workaround?

1. PNG24-bit pictures appear on the IE6 browser background, the solution is made PNG8
2. Browser default margin and padding are different. The solution is to add a global *{margin:0;padding:0;}
3. IE6 two-sided bug: block attribute tag after float, there is the margin of the wild, in the IE6 show the margin ratio set the large
4. Under IE, you can get custom properties by using the method that gets the general properties, or you can use GetAttribute () to derive the attributes that are defined, and in Firefox, you can only use getattribute () to derive the custom attributes ; Workaround: Unify by getattribute () get a custom attribute
5. Under IE, the even object has an X, y attribute but no pagex,pagey property; Under Firefox, the even object has a Pagex,pagey attribute, but no x, Y property; Workaround: (Conditional comment) The disadvantage is that the number of additional HTTP requests may be added under IE browser
6. By default, text less than 12px is forced to display in 12px under the Chrome interface, and can be resolved by adding CSS properties-webkit-text-size-adjust:none

What are the compatibility of browsers that you often encounter? Reason? What is the workaround?