14 Designing Responsive Web Pages
This chapter covers
- Creating page layouts that are liquid and flexible
- Making adaptive layouts via media queries
- Creating mobile-first layouts
- Making fluid images respond to screen size
- Specifying responsive font sizes and responsive measurements
I’ll begin by defining what makes a web page responsive: A responsive page is one that automatically adapts its layout, typography, images, and other content to fit whatever size screen a site visitor is using to access the page. In other words, the page content should be usable, readable, and navigable regardless of the dimensions of the screen it's being displayed on.
Responsive web design—or RWD, as it's colloquially known in the web design community—wouldn't be ...
Get Web Design Playground, Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
