orientation-member-landscape-manual.html (832B)
1 <!DOCTYPE html> 2 <title>Test that orientation member with landscape value is supported</title> 3 <link rel="help" href="https://w3c.github.io/manifest#orientation-member" /> 4 <link rel="manifest" href="resources/orientation-member-landscape.webmanifest" /> 5 <script src="resources/orientation-member-manual.js"></script> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <h1>Testing support for orientation member with "landscape" value</h1> 8 <style> 9 @media all and (orientation: landscape) { 10 body { 11 background-color: green; 12 } 13 } 14 @media all and (orientation: portrait) { 15 body { 16 background-color: red; 17 } 18 } 19 </style> 20 <p> 21 Please set the phone orientation to portrait. 22 </p> 23 <p> 24 To pass, after installing the display orientation must be landscape and the background must be green. 25 </p>