<CSS3 Media Queries Tutorial: Part 1 ⁄ >

With the introduction of a whole new market of mobile devices and tablets, there has never been more of a need for your website content to display across a variety of platforms properly.

There is the old tried and true method of using multiple HTML landing pages that utilize JavaScript to redirect you to the appropriate page, then styling the content accordingly or you could make the entire process easier on yourself in the long run by exploring the possibility with CSS3 and media queries.

This tutorial assumes you have a core understanding of Cascading Style Sheets and that it is always a better idea to include external sheets over using inline CSS making your designs more responsive.There are a number of features that you can specify in a media query expression. Considering that calling out the width of the device in question isn't an exact science down to the pixel or em, you will use the 'min-width' and 'max-width' features to help specify your widths.



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:
http://www.developerdrive.com/2011/09/css3-media-queries-part-1/