HTML and CSS Reference
In-Depth Information
Applies to: all visual and tactile (a device that allows for being touched) media types | Accepts min/max prefixes:
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 */
Search WWH ::

Custom Search