Making Your Website Look Great Across Multiple Devices - CSS3 Foundations - page 268

Applies to: all visual and tactile (a device that allows for being touched) media types | Accepts min/max prefixes:
yes
width describes the width of the viewport on a targeted display, that is, the width of the browser's viewing area.
Assuming you want to apply styles to a viewport with a width equal to or less than 960px, such as the 700px wide
browser window shown in Figure 16-5, you can use the max-width media feature:
@media only screen and (max-width: 960px) {
/* styles to be applied to screen devices when the viewport has
a width equal to or less than 960px */
}