HTML and CSS Reference
■ aspect-ratio : The aspect ratio of the viewport as described by
width/height ; accepts min- and max- prefixes.
■ device-aspect-ratio : The aspect ratio of the device as described by
device-width/device-height ; accepts min- and max- prefixes.
■ color : The number of bits of color; 0 for noncolor devices; accepts
min- and max- prefixes.
■ color-index : The number of individual colors supported by the device;
0 for noncolor devices; accepts min- and max- prefixes.
■ monochrome : The number of bits used to describe the monochrome
shades available; 0 for nonmonochrome devices; accepts min- and
■ resolution : The resolution of the output device measured in dpi (dots
per inch) or dpcm (dots per centimeter); accepts min- and max- prefixes.
■ scan : The scan type for television media types; values are progressive
and interlace .
■ grid : A grid device is a device such as a TTY terminal or a feature
phone that has a single fixed-font display.
In Chapter 7 you learned about building fixed and flexible layout grids
as well as setting limits on flexible layouts by using the min-width and
max-width properties. You can use these techniques to make adaptive
layouts that find a compromise between the best presentation and read-
ability of the content and the visitor's browser dimensions.
But what if you could adapt the layout from the standard two-column
layout into a one-column layout for narrower browsers or bring the
footer up into a third column for the insanely wide screens? Or what if
you could adjust the size of header type or swap background images