Relative Werte sind das A und O für eine responsive Designlogik.

%

Prozent

Prozent ist einfache Mathematik. Man hat das Ganze und bricht es in 100 Teile. Es ist aber die Ausgangslage vieler relativen Werte.

Also Hinterfrage dein Verständnis über Prozent.

Ein Element nimmt sich 0-100 % des Platzes, in dem es eingebettet ist. Wichtig dabei zu merken ist Folgendes: Es ist wie beim Parent-Child Prinzip.

Parent basiert

Der Parent ist dabei das Ganze und darin sind die Child-Elemente, die sich ihren Platz nehmen. Nicht immer ist der «Parent», also die 100 % klar ersichtlich.

Layout basierter Wert

In den meisten Fällen ist der Prozentwert in der Abhängigkeit der HTML-Verschachtelung. Also ein Layout basierter Wert.

Er kann aber auch durchaus eine Schriftgrösse oder eine andere Abhängigkeit sein.

Schema eines Layouts, mit den Grössenabmessung in Prozenten pro Box.
@ Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Responsive Design