nicht angemeldet
Gunnar Bittersmann@@Matthias Scharwies
Media queries sind Bedingungen, die vom Browser abgefragt werden.
Der Artikel im Wiki ist sehr bildschirmfokussiert, gelinde gesagt. Auf Bildschirme zu reagieren ist ein Anwendungsfall unter vielen.
Mit media queries kann man auch auf andere Ausgabemedien reagieren (z.B. Drucker). Und auch auf Eingabemedien (z.B. Touch, Maus, Stift). Und auf Nutzereinstellungen (z.B. dark mode, keine Bewegung auf Webseiten).
Der Artikel Using media queries im MDN gibt da einen besseren Überblick.
Mit Media queries kannst du (den Browser( überprüfen (lassen), ob der sichtbare Viewport beim Benutzer der Webseite breit genug ist, um Inhalte nebeneinander darstellen zu können.
Hier noch der Hinweis, dass man das bei der Verwendung moderner Layouttechniken (Grid, Flexbox) oft gar nicht braucht. Damit kann man auch ohne media queries auf verschieden große Bildschirme reagieren (intrinsic design).
🖖 Stay hard! Stay hungry! Stay alive! Stay home!
Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (@Grantscheam)
Matthias Scharwies