pastebin

Paste Search Dynamic
Recent pastes
Viewport Test
  1. <html>
  2.     <head>
  3.         <title>Viewport Test</title>
  4.         <meta name="apple-mobile-web-app-capable" content="yes" />
  5.         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  6.         <meta name="viewport" content="width=1030" />
  7.         <style>
  8.             body {
  9.                 padding: 0;
  10.                 margin: 0;
  11.             }
  12.             #test {
  13.                 width:  1024px;
  14.                 height: 500px;
  15.                 border: 3px solid #ccc;
  16.             }
  17.         </style>
  18.     </head>
  19.     <body>
  20.         <div id="test">
  21.             <p>This is 1024 with a 3px border, so device width is 1030.</p>
  22.             <p>Works when viewing in Mobile Safari.</p>
  23.             <p>Does not work if you Bookmark it to the Home Screen and open from there.</p>
  24.             <p>Compare <a href="viewport_1030_safari.png">MobileSafari</a> view to <a href="viewport_1030_webapp.png">Webapp</a> view.</p>
  25.         </div>
  26.     </body>
  27. </html>
Parsed in 0.000 seconds