Game Development Reference
In-Depth Information
color: blue;
}
}
The output of the previous code snippet can be seen in the following screenshot.
Note that the minimum and maximum width in question is not necessarily the width
of the page in which the printing takes place, but rather the width of the box formed
by the paper width minus any margins set by the printer. In this case, a sheet of
paper of 8.5 inches in width, minus a single inch from the left and right margins,
makes an effective width of 6.5 inches in portrait mode. The landscape version of
that same page, which is 11 inches wide, produces a box width of 9 inches, which is
wide enough to trigger the first media query.
The top print preview on the following screenshot represents a page being printed in
portrait mode. That is, its width (in this case) is no more than 6.5 inches. The pre-
view on the bottom is wider than 7.0 inches which causes a different media query to
enable, thus changing the stylesheet settings for the page to be printed.
