Media Queries essentielles

Les breakpoints principaux classés par orientation et type d’appareil.

@media (max-width: 480px) and (orientation: portrait) {

}

@media (min-width: 481px) and (max-width: 1024px) and (orientation: portrait) {

}

@media (min-width: 1025px) and (orientation: portrait) {

}

@media (max-width: 812px) and (orientation: landscape) {

}

@media (min-width: 813px) and (max-width: 1280px) and (orientation: landscape) {

}

@media (min-width: 1281px) and (orientation: landscape) {

}