<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { margin: 0; padding: 0; }
#green { width: 100%; height: 100%; background: green; }
#red { width: 1024px; height: 2048px; background: red; }
</style>
</head>
<body>
<div id="green">
This green box should fully fill the initial viewport, and the text within it
should wrap at the edge of the screen appropriately. The test is PASSED if
this green box is fully visible and takes up the whole screen.
</div>
<div id="red">
This should not be visible initially. This test is FAILED if you can see
can red without first scrolling down.
</div>
</body>
</html>