Que dois-je faire si le navigateur n’est pas compatible avec le code que j’ai écrit ?

Cette fois, je vais vous expliquer quoi faire si le navigateur n'est pas compatible avec le code que j'ai écrit, et un résumé des six problèmes majeurs de compatibilité du navigateur. Ce qui suit est un cas pratique, jetons un coup d'œil.

1. Problème 1
Symptômes : écrivez simplement quelques balises sans contrôle de style, et leurs marges et leur remplissage seront très différents.
Solution : ajoutez *{margin:0;padding:0;} dans CSS
2. Problème 2
Symptômes du problème : la hauteur de cette étiquette dans IE6, 7 et Ayouli n'est pas contrôlée et dépasse votre propre ensemble. height
Solution : définissez overflow:hidden pour les étiquettes qui dépassent la hauteur ; ou définissez la hauteur de ligne line-height sur une valeur inférieure à la hauteur que vous avez définie.
3. Problème trois
Symptômes : display:inline_block en CSS n'a aucun effet ;
Solution : ajouter display:inline après display:inline_block ;
4. plusieurs
balises img ne peuvent pas être supprimées et l'utilisation de *{margin:0;padding:0;} ne fonctionne pas non plus Solution : utilisez float
5. : Parce que
min-height
elle-même est une propriété CSS incompatible, la définition de min-height n'est pas bien compatible avec différents navigateurs. Solution : Si nous voulons définir la hauteur minimale d'une étiquette à 200px, les paramètres qui doivent être effectués sont : {min-height:200px; height:auto !important; height:200px; overflow:visible;}

6 , Problème 6

Symptômes : z-index échoue

Raison : Il existe une petite condition préalable pour que z-index fonctionne, c'est-à-dire que l'attribut
position
de l'élément doit être relatif, absolu ou fixe. Solution : 1. Changez la position : relative en position : absolue ;
2. Supprimez le flottant
3. Ajoutez un attribut de position (tel que relatif, absolu, etc.) aux éléments flottants.
7. Problème 7
Symptôme du problème : problème de centrage horizontal de l'élément
Solution : FF : margin:0 auto;
IE : parent {
text-align
:center }Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Résumé des méthodes de tableau couramment utilisées en JS

Douze dernières questions d'entretien frontal en 2018

Dix dernières questions d'entretien frontal en 2018

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!