Sommaire
Responsive Web Design:taille des écrans

La taille des écrans

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.