HTML and CSS Reference
device-height: 400px) applies when the device's output area is less than 400 pixels
aspect-ratio ,, min-aspect-ratio
min-aspect-ratio ,, max-aspect-ratio
Refers to the ratio that results from comparing the width media feature to the height me-
dia feature (see the definition of <ratio>). Thus, (min-aspect-ratio: 2/1) applies to
any viewport whose width-to-height ratio is at least 2:1.
device-aspect-ratio ,, min-device-aspect-ratio
min-device-aspect-ratio ,, max-device-aspect-ratio
Refers to the ratio that results from comparing the device-width media feature to the
device-eight media feature (see the definition of <ratio>). Thus, (device-aspect-ra-
tio: 16/9) applies to any output device whose display area width-to-height is exactly
color ,, min-color
min-color ,, max-color
Refers to the presence of color-display capability in the output device, with an optional
number representing the number of bits used in each color component. Thus, (color) ap-
plies to any device with any color depth at all, whereas (min-color: 4) means there must
be at least four bits used per color component. Any device that does not support color will
return 0 .
color-index ,, min-color-index
min-color-index ,, max-color-index
Refers to the total number of colors available in the output device's color lookup table.
Any device that does not use a color lookup table will return 0 . Thus, (min-color-index:
256) applies to any device with a minimum of 256 colors available.
monochrome ,, min-monochrome
min-monochrome ,, max-monochrome
Refers to the presence of a monochrome display, with an optional number of bits-per-pixel
in the output device's frame buffer. Any device that is not monochrome will return 0 . Thus,
(monochrome) applies to any monochrome output device, whereas (min-monochrome:
2) means any monochrome output device with a minimum of 2 bits per pixel in the frame