![]() In this example, I have a basic page layout with a header, content container, sidebar, and a footer. You can use media-queries.js or respond.js to add media query support in IE. Internet Explorer 8 or older doesn’t support media query. The viewport tag below tells the browser to use the device width as the viewport width and disable the initial scale. You can use the viewport meta tag to reset this. Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. I promise you can learn about the basic logic of responsive design and media queries in 3 steps (assuming you have the basic CSS knowledge). To help you quickly get started with responsive design, I’ve put together a quick tutorial. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. Responsive web design is no doubt a big thing now.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |