An in-depth guide to CSS3 Media Queries

Web Design

Design & Dev / Web Design - 29 Views 0

Media queries are one of the best things ever to happen in Web development, but even though they’re now being widely used (largely due to their implementation in templates and frameworks), they’re still not very well understood by the majority of developers.  The power and features available to developers to create better websites is definitely being under-utilized.  So with that in mind, we have put together this guide to media queries.  If you haven’t given much attention to media queries before, this is your opportunity to gain more insight into everything you can do with them.

Media queries are at the heart of responsive design and adaptive design

Responsive design is a really big thing these days.  Adaptive design is actually better, but because it’s more work, not many people prefer to do it.  Both of these design methods rely on media queries to make them work.  Before we had media queries, it was necessary to use JavaScript or PHP server variables to detect information about the user’s browsing environment.  That was a messy solution and often didn’t work well.

The default breakpoints in some responsive design frameworks are dead wrong

Framework developers have targeted platforms using a very broad brush, with the result

Read from Designbeep