Page adaptative.

Cette troisième page est adaptative :

Elle comporte une déclaration viewport.
Les dimensions des éléments ont été définies en pourcentages (ou autre unité relative).

Vous pouvez maintenant lire le texte sans zoomer et sans faire défiler l'écran dans le sens horizontal. Et vous pouvez voir les barres colorées en entier.

Largeur = 33%.

Largeur = 40%.

Largeur = 46%.

Largeur = 53%.

Largeur = 60%.

Largeur = 67%.

Largeur = 73%.

Largeur = 80%.

Largeur = 87%.

Largeur = 93%.

Largeur = 100%.