Wie viele Media Queries sind sinnvoll und in welche Auflösungen?

Cool Master

Fleet Admiral
Registriert
Dez. 2005
Beiträge
38.853
Moin,

ich wollte mal fragen wie viele Media Queries ihr auf einer Webseite einsetzt und für welche Auflösungen. Ich bin aktuell an einer Seite dran die überarbeitet werden soll aktuell setzt sie auf 8 Media Queries mit folgenden Auflösungen:
  • Bis 320px
  • 321-480px
  • 481-640px
  • 641-860px
  • 861-1024px
  • 1025-1140px
  • 1141-1280px
  • ab 1281px
Ergeben so viele Queries überhaupt Sinn? Dazu kommt optimiert ihr auf Retina Displays?
 
Mit 5 kommt man ganz gut klar:
  • bis 576px
  • ab 576px
  • ab 768px
  • ab 992px
  • ab 1280px
 
  • Gefällt mir
Reaktionen: Cool Master
Hi,

hängt natürlich immer davon ab, was genau dargestellt werden soll und ob das bei bestimmten Displaygrößen sinnvoller anders dargestellt werden kann / soll.

Wir verwenden aktuell 6 Stück.

VG,
Mad
 
  • Gefällt mir
Reaktionen: Cool Master
Ich halte mich an die Breakpoints, die auch in Bootstrap verwendet werden. D.h::


Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px
 
  • Gefällt mir
Reaktionen: Cool Master
Zurück
Oben