Qu'est-ce que le code d'écran adaptatif HTML ?

Qu'est-ce que le code d'écran adaptatif HTML ?

Le code d'adaptation de l'écran HTML est le suivant :

<meta name="viewport" content="width=device-width, initial-scale=1" />

Explication du paramètre :

la fenêtre d'affichage est la largeur et la hauteur par défaut de la page Web , la ligne ci-dessus La signification du code est que la largeur de la page Web est égale à la largeur de l'écran par défaut (width=device-width) et que le rapport de mise à l'échelle d'origine (initial-scale=1) est de 1,0, c'est-à-dire , la taille initiale de la page Web occupe 100 % de la surface de l'écran.

Paramètre de compatibilité :

Tous les principaux navigateurs prennent en charge ce paramètre, y compris IE9. Pour ces navigateurs plus anciens (principalement IE6, 7, 8), vous devez utiliser css3-mediaqueries.js.

<!–[if lt IE 9]><script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script><![endif]–>

Apprentissage recommandé : tutoriel HTML

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!