Bootstrap 5 medias queries
Basés sur les largeurs minimales de la fenêtre :
// Très petits appareils (Téléphone mode portrait, moins de 576px)
// Il n'y a plus de media query 'xs'.
// Petits appareils (Téléphone mode paysage, 576px et plus)
@media (min-width: 576px) { ... }
// Appareils de taille moyenne (tablettes, 768px et plus)
@media (min-width: 768px) { ... }
// Appareils assez larges (ordinateurs, 992px et plus)
@media (min-width: 992px) { ... }
// Appareils larges (ordinateurs larges, 1200px et plus)
@media (min-width: 1200px) { ... }
// Appareils très larges (ordinateurs larges, 1400px et plus)
@media (min-width: 1400px) { ... }Basés sur les largeurs maximales de la fenêtre :
// Petits appareils (Téléphone mode portrait, moins que 576px)
@media (max-width: 575.98px) { ... }
// Petits appareils (Téléphone mode paysage, moins que 768px)
@media (max-width: 767.98px) { ... }
// Appareils de taille moyenne (tablettes, moins que 992px)
@media (max-width: 991.98px) { ... }
// Appareils assez larges (ordinateurs, moins que 1200px)
@media (max-width: 1199.98px) { ... }
// Appareils larges (ordinateurs, moins que 1400px)
@media (max-width: 1399.98px) { ... }
// Appareils très larges
// Il n'y a plus de media query 'xxl'.A très bientôt,
Mathieu