Game Development Reference
In-Depth Information
height
Similar to the
width
property, the
height
property refers to the viewport height of a
continuous media type, including rendered scroll bars. For paged media types, this
refers to the effective page box available to the output media. Needless to say, the
value of a height property cannot be a negative unit. Again, just like the
width
prop-
erty described previously, we can also add the modifier prefixes
min
and
max
to this
property in order to specify ranges of values, rather than unit-perfect single values.
@media all and (min-height: 500px) {
article {
width: 100%;
float: none;
}
}
@media all and (max-height: 499px) {
article {
width: 33%;
float: left;
}
}
device-width
Similar to the
width
property, the device-width refers to the entire physical window
or page, regardless of the current browser window's width or available output width
of a paged media.
@media all and (min-device-width: 1601px) {
h1 {
color: red;
}
}
@media all and (max-device-width: 1599px) {
