7.4 Testing & Device-Matrix
Tools und Checklisten, um das responsive Verhalten zuverlässig zu prüfen.
Inhaltsverzeichnis
A. Geräte & Tools
- Chrome DevTools – Responsive Ansicht
- iPhone & Android Testgeräte
- Responsively App (Desktop Tool)
B. Prüfpunkte
- Navigation bedienbar
- Keine horizontalen Scrollleisten
- Schriftgrößen lesbar
- Abstände konsistent
- CTA sichtbar im oberen Viewport
💡Pro Tipp: Teste jede Seite im Landscape-Modus auf Mobilgeräten – hier treten die meisten unbemerkten Layoutfehler auf.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container