Examining some common mistakes
When creating sites, and in particular, those that are responsive, it is easy to make mistakes; after all, it's like learning any new technology; we're not perfect from the outset!
To help with your first few steps into the world of responsive construction and creating media queries, let's spend a little time exploring some of the more common mistakes, understand why they cause issues, and go through a few pointers to help avoid these problems:
- Not including the viewport tag: This is one of the most common errors to make. When working on mobile devices, we have to include this tag if we want them to be displayed without zooming:
<meta name="viewport" content="width=device-width, initial-scale=1″>
If the tag is not ...
Get Responsive Web Design with HTML5 and CSS3 Essentials 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.
