According to
W3schools.com:
Quote:
The @media rule is used to define different style rules for different media types/devices.
In CSS2 this was called media types, while in CSS3 it is called media queries.
Media queries look at the capability of the device, and can be used to check many things, such as:
width and height of the viewport
width and height of the device
orientation (is the tablet/phone in landscape or portrait mode?)
resolution
and much more
|
Basically it's asking the reader/device if it is an "amzn-mobi"...if it is, then it applies the styling of "margin-top:30%" rather than the "margin-top:-2em". I'm assuming that is because amzn-mobi devices don't support the "position:absolute" styling?? Non amzn-mobi devices would have the x2 div (Chapter head?) start 2em up from the middle of the screen height while amzn-mobi would simply start 30% down from the top.
Cheers,