Démo Media Queries

Règle(s) appliquée(s) : @media screen and (max-width: 640px) @media screen and (min-width: 800px) @media screen and (min-width: 1024px) and (max-width: 1280px) @media screen and (max-device-width: 480px) @media screen and (orientation:portrait) @media screen and (orientation:landscape)

La page est affichée avec une largeur < 640px

La page est affichée avec une largeur > 800px

La page est affichée avec une largeur > 1024px et < 1280px

La page est affichée sur un périphérique de maximum 480px (ex: iPhone)

La page est affichée en portrait

La page est affichée en paysage

Retour au tutoriel « CSS3 : Media-Queries »