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: Set overflow:hidden; for labels that exceed the height; or set the line height line-height to 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 multiple img tags cannot be removed, and using *{margin:0;padding:0;} does not work either.
Solution: Use float;
5. Problem 5
Symptoms: Because min-height itself 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, the position attribute 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!
Related reading:
Summary of commonly used array methods in JS
2018 latest front-end interview questions 12
2018 Latest Front-End Interview Questions Ten
The above is the detailed content of What should I do if the browser is not compatible with the code I wrote?. For more information, please follow other related articles on the PHP Chinese website!