| <!DOCTYPE html> |
| <title>Test that orientation member with landscape value is supported</title> |
| <link rel="help" href="https://w3c.github.io/manifest#orientation-member" /> |
| <link rel="manifest" href="orientation-member-landscape.webmanifest" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <h1>Testing support for orientation member with "landscape" value</h1> |
| <style> |
| @media all and (orientation: landscape) { |
| body { |
| background-color: green; |
| } |
| } |
| @media all and (orientation: portrait) { |
| body { |
| background-color: red; |
| } |
| } |
| </style> |
| <p> |
| Please set the phone orientation to portrait. |
| </p> |
| <p> |
| To pass, after installing the display orientation must be landscape and the background must be green. |
| </p> |