HTML and CSS Reference
In-Depth Information
<ratio>
<ratio>
A ratio value is two positive <integer> values separated by a solidus (
/
) and optional
whitespace. The first value refers to the width, and the second to the height. Thus, to ex-
press a width-to-height ratio of 16:9, you can write
16/9
or
16 / 9
.
<resolution>
A resolution value is a positive <integer> followed by either of the unit identifiers
dpi
or
dpcm
. As usual, whitespace is not permitted between the <integer> and the identifier.
Media Features
Note that none of the following values can be negative.
width
,,
min-width
min-width
,,
max-width
width
max-width
Values: <length>
alues: <length>
Refers to the width of the display area of the user agent. In a screen-media web browser,
this is the width of the viewport plus any scrollbars. In paged media, this is the width of
the page box. Thus,
(min-width: 850px)
applies when the viewport is greater than 850
pixels wide.
device-width
,,
min-device-width
min-device-width
,,
max-device-width
device-width
max-device-width
Values: <length>
alues: <length>
Refers to the width of the complete rendering area of the output device. In screen media,
this is the width of the screen. In paged media, this is the width of the page. Thus,
(max-
device-width: 1200px)
applies when the device's output area is less than 1200 pixels
wide.
height
,,
min-height
min-height
,,
max-height
height
max-height
Values: <length>
alues: <length>
Refers to the height of the display area of the user agent. In a screen-media web browser,
this is the height of the viewport plus any scrollbars. In paged media, this is the height of
the page box. Thus,
(height: 567px)
applies when the viewport's height is precisely 567
pixels tall.
device-height
,,
min-device-height
min-device-height
,,
max-device-height
device-height
max-device-height
Values: <length>
alues: <length>
Refers to the height of the complete rendering area of the output device. In screen media,
this is the height of the screen. In paged media, this is the height of the page. Thus,
(max-
