Les écrans des tablettes et des smartphones ont des résolutions très différentes selon les constructeurs.
Pour déterminer les résolutions des écrans, dans l’élément <head>, nous pouvons utiliser l’élément <meta> avec l’attribut viewport. Pour l’attribut content, nous pourrons utiliser la valeur device-width qui cible la largeur physique de l’écran.
Nous aurons alors cette syntaxe :
<meta name="viewport" content="width=device-width" />
L’affichage sera ainsi adapté à chaque surface d’affichage de rendu de chaque navigateur pour appareil mobile.
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique