TestersLesson 69Free preview
Responsive Tester
This lesson is part of Web Developer Tools · All levels
Summary
The responsive tester displays the site on a variety of viewport sizes to check the display on mobile phones, tablets, and desktops. You can test breakpoints, orientations, and layout changes without having to unlock multiple devices. Simulation results are still necessary compared to testing on real devices.
Key points
- Meta viewpoints must be available to track page width
- Breakpoint is the width of the screen where the layout changes
- The mobile-first approach generally uses a minimum-width media query
- Portrait and landscape orientation tests and text sizes
- The simulator doesn't capture all the difference in performance and touch behavior
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.