Utilisez une ligne de code pour résoudre divers problèmes de compatibilité avec IE (IE6-IE10)

Cet article présente principalement une ligne de code pour résoudre divers problèmes de compatibilité IE (IE6-IE10), qui a une bonne valeur de référence. Jetons un coup d'œil avec l'éditeur.

x-ua-compatible est utilisé pour spécifier le modèle du navigateur IE pour analyser et compiler la page

x-ua-compatible L'en-tête. La balise n'est pas sensible à la casse et doit être utilisée dans l'en-tête, elle doit être utilisée avant les autres méta sauf le titre.

1. Utilisez une ligne de code pour spécifier le navigateur pour utiliser un mode de document spécifique.

<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2 Dans certains cas, nous devons limiter l'analyse du document par le navigateur à une version spécifique, ou modifier le navigateur Limité. aux performances de certaines anciennes versions. Vous pouvez utiliser la méthode suivante :

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

En utilisant cette méthode d'écriture, le navigateur peut soit utiliser le mode standard pour l'analyse, soit utiliser le mode IE5 Quirks. pour l'analyse.

3. Pour les tests, nous pouvons également utiliser l'instruction suivante pour spécifier que le navigateur analyse la page selon le mode standard le plus élevé.

<meta http-equiv="x-ua-compatible" content="IE=edge" >

4. Désignation de plusieurs modes. Nous pouvons séparer plusieurs versions par des virgules. Dans ce cas, le navigateur choisira la version la plus élevée qu'il prend en charge dans cette liste pour la rendre en mode standards. Comme dans l'exemple ci-dessous, lors de la navigation dans IE8, le mode standard d'IE7 sera utilisé pour le rendu, car il ne supporte pas IE9 et IE10.

<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

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!