HTML and CSS Reference
In-Depth Information
■
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
max- prefixes.
■
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