Tutoriel CSS - Page AVEC déclaration viewport.

Cette page comporte une déclaration viewport dans sa section <head>. Grâce à cette déclaration, le navigateur de votre téléphone connaît la taille réelle de l'écran : vous remarquerez que le titre et le texte reviennent à la ligne et vous pouvez les lire sans zoomer et sans faire défiler l'écran horizontalement.

Il est cependant nécessaire de faire défiler l'écran horizontalement pour voir la fin des barres colorée ci-dessous. Cette page n'est pas encore adaptative.

 

Largeur = 500 pixels.
Largeur = 600 pixels.
Largeur = 700 pixels.
Largeur = 800 pixels.
Largeur = 900 pixels.
Largeur = 1000 pixels.
Largeur = 1100 pixels.
Largeur = 1200 pixels.
Largeur = 1300 pixels.
Largeur = 1400 pixels.
Largeur = 1500 pixels.