Game Development Reference
In-Depth Information
The same HTML structure is rendered differently based on the current state of the
browser, thanks to media queries.
@media (orientation: portrait) {
body {
background: RGB(100%, 0%, 0%);
}
}
This simple example specifically targets any device in portrait mode, and defines the
CSS rule that specifies a red background color to the body element.
Note
Behind the scenes, the way that browsers implement this particular media query
(the
portrait
mode) is by calculating the width of the window viewing the page
