Common browser compatibility issues

1. Different browser tags default external patches and internal patches are different

Problem: Different browser margin and padding differences are large.

Solution: CSS in *{margin:0;padding:0;}

2.ie6 Double-sided bug

Problem: When floating, the left and right margins may be twice times the written value

Solution: Add Display:inline in the label style control of float;

3. Height less than 10px is, in ie6,ie7 height may exceed oneself set height

Problem: IE6, 7 exceeds the height you set

WORKAROUND: Set the label to exceed the height Overflow:hidden

4. The image is spaced by default

Problem: When several IMG tags are put together, some browsers will have default spacing

Workaround: Use the Float property for the IMG layout

5. Label minimum height setting Min-height not compatible

Problem: Because Min-height itself is an incompatible CSS property, setting Min-height is not very well compatible with each browser

FIX: If we want to set a minimum height of 200px for a label, the setting required is: {min-height:200px; height:auto!important; height:200px; overflow:visible;}

Common browser compatibility issues