The Power of Media Queries
Chapter 1 introduced CSS3 with one glaring omission: media queries was not discussed. And for good reason; media queries are such a big area of responsive development they deserve their own chapter.
Media queries are core to responsive design because they allow developers to target specific CSS styles based on the capabilities of the device. The most common capability to target is the viewport width; however, there is much more to media queries than this, and I will explain these capabilities in this chapter.
This chapter will cover: