1 <html> 2 <head> 3 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <style> 5 body { margin: 0; padding: 0; } 6 #green { width: 100%; height: 100%; background: green; } 7 #red { width: 1024px; height: 2048px; background: red; } 8 </style> 9 </head> 10 <body> 11 <div id="green"> 12 This green box should fully fill the initial viewport, and the text within it 13 should wrap at the edge of the screen appropriately. The test is PASSED if 14 this green box is fully visible and takes up the whole screen. 15 </div> 16 <div id="red"> 17 This should not be visible initially. This test is FAILED if you can see 18 can red without first scrolling down. 19 </div> 20 </body> 21 </html> 22
