Game Development Reference
In-Depth Information
resolution
Contrary to what one might be led to believe, the resolution attribute does not query
the screen resolution as in the resolution we can set to our monitor through the oper-
ating system. Instead, the resolution attribute queries the pixel density (or dot density
in the case of a printer) measured in dpi (dots per inch or pixels per inch) as well as
dpcm (dots or pixels per centimeter).
@media all and (resolution: 300dpi) {
h1 {
color: black;
border: 1px solid black;
padding: 20;
}
}
The
min
and
max
modifiers are valid in this query expression. If the output device
does not use square pixels, using
min-resolution
queries against the least
dense dimension of the output device. When a
max-resolution
query is issued,
the most dense dimension of the output device is used to evaluate the expression.
scan
When rendering on a television, the scan attribute queries the scanning of the
device. The only possible values are
progressive
and
interlace
. Using the
min
and
max
modifiers does not make sense in the context of a television's scan process
and thus makes an invalid expressions.
@media all and (scan: interlace) {
h1 {
color: black;
border: 1px solid black;
padding: 20;
}
}