Ecole Supérieure Privée de technologies et

d'ingénierie TEK-UP
Cours assuré par : Takwa Souihi
Section : 2 ème DMWM

TP Responsive Web design

Media-queries
Exercice 1 : Modification de la couleur de l’arrière plan
Modifier la couleur d'arrière-plan pour différents appareils :

Exercice 2 : Masquage des éléments

Lorsque la largeur du navigateur est de 600 pixels ou moins, masquez l'élément
représenté par la figure ci-dessous. Redimensionnez la fenêtre du navigateur pour
voir l'effet.

Exercice 3 : Modifier la taille de la police avec les requêtes

multimédias
On vous demande d’utiliser des requêtes multimédias pour modifier la taille de la police d'un
élément sur différentes tailles d'écran.

Exercice 4 : Orientation : Portrait/Paysage

On vous demande d’utiliser des requêtes multimédias pour modifier la mise en page d'une page en
fonction de l'orientation du navigateur.