This flashcard is just one of a free flashcard set. See all flashcards!
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
Flashcard info:
Author: Manuela
Main topic: Interaktive Medien
Topic: Mobile Websites
School / Univ.: HTW Chur
City: Chur
Published: 21.06.2014