Zu dieser Karteikarte gibt es einen kompletten Satz an Karteikarten. Kostenlos!
52
Mobile Webseiten
Wie wird beim Responsive Design vorgegangen?
Wie wird beim Responsive Design vorgegangen?
Lösungsschritt 1: % für Container benutzen
Regel
Lösungsschritt 2: rem für Schriftgrad
Regel
Lösungsschritt 3: Breakpoints setzen
Regel
- target size ÷ context size = result size
- Die Breiten von div-Tags werden nicht in px, sondern in % angegeben
Lösungsschritt 2: rem für Schriftgrad
Regel
- target size ÷ context size = result size
- Schriftgrössen und Höhen werden in rem angegeben
Lösungsschritt 3: Breakpoints setzen
- Breakpoints werden für Änderungen des Layouts eingesetzt.
- Major Breakpoints: Für Layoutänderungen
- Minor Breakpoints: Optimierungen für gängige Geräte (z.B. iPad)
- Die Major Breakpoints werden nicht von der Bildschirmgrösse bestimmt, sondern vom Layout
- Grund: Es gibt zu viele Smartphones mit verschiedenen Bildschirmgrössen
- Die Breakpoints werden mit den Media Queries gesetzt
Karteninfo:
Autor: Manuela
Oberthema: Interaktive Medien
Thema: Mobile Websites
Schule / Uni: HTW Chur
Ort: Chur
Veröffentlicht: 21.06.2014