Was sind Media Queries?

Was sind Media Queries und was machen diese Dinger eigentlich genau?

Mit CSS/Media Queries (dt. Medienabfragen -> Displaygrößen-Abfrage) kannst du die Darstellung eines Website Layouts für verschiedene Endgeräte definieren. Ein Beispiel wäre hier ab welcher Displaybreite ein Layout von einem z.B. 2spaltigen (50%/50%) Seitenaufbau zu einem einspaltigen Layout umstellt. Hierbei switchen die Container die vorher eine Breite von 50% hatten auf 100% Breite. Die Container die vorher nebeneinander standen werden jetzt untereinander dargestellt.

Hierbei handelt es sich um CSS (Cascading Style Sheets sind mehr oder weniger eine elektronische Sprache welche in Kombination mit HTML und DOM eine der Kernsprachen des World Wide Webs darstellen) welcher meistens im Head der website in der Regel über externe CSS Datein der Responsive Website abgerufen wird. Besagter CSS sagt einer Überschrift beispielweise in welcher Schriftgröße, Farbe oder Dekoration sie auf der Website dargestellt wird.

Ganz simpel gesagt stehen im HTML Quelltext nur Basics wie Überschriften, Text, Boxen, Spalten usw. welche über besagten CSS gestaltet werden.