responsive design, font-size, zoom

[Gunnar Bittersmann]

@@michaah

führt zoomen jedoch sehr schnell zum Zerlegen des Designs.

Das sollte bei responsivem Design nicht passieren. Beim Zoomen auf 200% sollte das Layout so aussehen wie bei halb so breitem Viewport (nur eben vergrößert).

worauf sich eine bestimmte Größenangabe bezieht: % von was?

Das hängt von der Eigenschaft ab und ist in der jeweiligen Beschreibung nachzulesen.

em bezogen auf was?

Auf die Schriftgröße des jeweiligen Elternelements. rem bezieht sich auf die Schriftgröße des Wurzelelements (html).

Weiter verkompliziert wird das für mich dadurch, dass mir nicht klar ist wann (Text-) Inhalt über eine Box hinausfließt

Wenn keine Umbruchstellen (Leerzeichen, soft hyphens, …) vorhanden sind oder wenn der Umbruch verhindert wurde.

Irgendwie ist das gerade wie: Gehen sie zurück auf Los.

Gibt’s das denn? AFAIR geht’s zurück nur bis in die Badstraße. Auf Los geht’s vorwärts, plus 4000 ¤.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!