What should I do if the browser is not compatible with the code I wrote?-JS Tutorial-php.cn

This time I will bring you what to do if the browser is not compatible with the code I wrote, and a summary of the six major browser compatibility issues. The following is a practical case, let’s take a look.

1. Problem 1
Problem symptoms: Just write a few tags without style control, and their respective margins and padding will be quite different.
Solution: Add *{margin:0;padding:0;} in CSS
2. Problem 2
Problem symptoms: The height of this label in IE6, 7 and Aoyou is uncontrolled and exceeds its own Set height
Solution: Setoverflow:hidden; for labels that exceed the height; or set the line heightline-heightto be less than the height you set.
3. Problem 3
Symptoms: dispaly:inline_block in css has no effect;
Solution: Add display:inline after display:inline_block;
4. Problem 4
Symptoms : The spacing between multipleimg tagscannot be removed, and using *{margin:0;padding:0;} does not work either.
Solution: Use float;
5. Problem 5
Symptoms: Becausemin-heightitself is an incompatible CSS property, setting min-height cannot be well compatible with various browsers
Solution : If we want to set the minimum height of a label to 200px, the settings that need to be made are: {min-height:200px; height:auto !important;
height:200px; overflow:visible;}

6 , Question 6
Symptoms: z-index failure
Cause: There is a small prerequisite for z-index to work, that is, thepositionattribute of the element must be relative, absolute or fixed.
Solution:
1. Change position:relative to position:absolute;
2. Remove floating;
3. Add position attribute (such as relative, absolute, etc.) to floating elements.
7. Problem 7
Symptoms: Element horizontal centering problem
Solution: FF: margin:0 auto;
IE: parent {text-align:center; }

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!