ManualTests/blackberry/meta-viewport-initial-scale-wide-content.html

   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>