Warum ist es sinnvoll, den Agregatzustand von Schriften und Abständen von Fest nach Flüssig zu verändern?

Früher basierten alle Werte einer Website entweder auf festen Pixelwerten oder Prozentangaben. Unter Zuhilfenahme verschiedener sog. Media Queries konnte man so Layouts für kleinere und größere Bildschirme gestalten. Das macht man auch heute noch so, aber ergänzt um variable Werte, das „Fluid Design“. Dabei definiert man Größen und Abstände nicht als feste Zahlen sondern in kleinen Formeln, die ihre Werte zwischen unterschiedlichen Bildschirmbreiten und zwei Ankerwerten linear anpassen. Der Vorteil: Das Layout passt sich nicht nur innerhalb der relativ groben Media Queries an, sondern fließend auf die jeweilige darin enthaltene Bildschirmgröße. Das gibt Webdesignern deutlich mehr Kontrolle, gerade beim Schriftbild. Denn ein Media Query deckt normalerweise z.B. alle Bildschirmgrößen eines hochformatigen Smartphones ab. Der Unterschied zwischen der logischen Auflösung eines iPhone 17 Pro Max und eines Galaxy S24 ist aber so groß, dass es durchaus sinnvoll ist, Schriften und Abstände dynamisch anzupassen. 

Das alles mag im Detail Nerd Stuff sein und ist technisch auch nicht wirklich neu. Für Besucher eurer Website bedeutet es aber eine gute Leseerfahrung, hinterlässt einen positiven Eindruck und zahlt damit unbewusst auf die Marke ein.