Game Development Reference
In-Depth Information
imizing the browser or possibly by simply turning the mobile device into landscape
mode), the second media query will be invalidated and the first one will become en-
abled.
Note that the units used in the previous media query evaluation are CSS pixels.
When setting special rules for media types where pixels don't apply very easily, we
can use other units such as
in
(inches) or
cm
(centimeters), as seen in the following
example:
@media print and (min-width: 7.0in) {
h1 {
color: red;
}
}
@media print and (max-width: 6.5in) {
h1 {
