Summary
In this chapter, we've learned what CSS3 media queries are, how to include them in our CSS files, and how they can help our quest to create a responsive web design. We've also learned how to use the meta tag to make modern mobile browsers render pages as we'd like.
However, we've also learned that media queries alone can only provide an adaptable web design, one that snaps from one layout to another. Not a truly responsive one that smoothly transitions from one layout to another. To achieve our ultimate goal we will also need to utilize fluid layouts. They will allow our designs to flex between the break points that the media queries handle. Creating fluid layouts to smooth the transition between our media query break points is what we'll ...
Get Responsive Web Design with HTML5 and CSS3 - 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.
