| Tests that screen dimension overrides affect media rules, body dimensions, and window.screen. |
| |
| Override: 480x800 |
| Screen from page: 480x800 |
| Window from page: 480x800 |
| Body from page: 480x800 |
| Main style: |
| [expanded] |
| element.style { () |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| media="screen" (override-screen-size.html) |
| @media (max-device-height: 960px) and (max-device-width: 480px) (override-screen-size.html:9) |
| #main { (override-screen-size.html:10) |
| background: green; |
| |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| |
| Override: 800x480 |
| Screen from page: 800x480 |
| Window from page: 800x480 |
| Body from page: 800x480 |
| Main style: |
| [expanded] |
| element.style { () |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| |
| Override: 10000001x800 => ERROR |
| Override: -1x800 => ERROR |
| Override: 480x10000001 => ERROR |
| Override: 480x-1 => ERROR |
| Current dimensions: |
| Screen from page: 800x480 |
| Window from page: 800x480 |
| Body from page: 800x480 |
| Disable PageAgent: |
| Screen size same as original - OK |
| Enable PageAgent: |
| Screen size same as original - OK |
| |