| OLD | NEW |
| (Empty) |
| 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> | |
| OLD | NEW |