Logo: Marc Harnist

N° 355 - Responsive @media
 - Le 12/02/2019 Catégorie: css

FONCTIONNEMENT DES ATTRIBUTS CSS @media

/* La taille de la police des blocs “div.example” est de 80px pour les écrans > 600px de large */
@media screen and (min-width: 600px) {
    div.example { font-size: 80px; }
}
/* La taille de la police des blocs “div.example” est de 30px pour les petits écrans < 600px de large */
@media screen and (max-width: 600px) {
    div.example { font-size: 30px; }
}
/* Source: w3school */