title: Create a CSS layout that occupies an iPad's viewport
body: <p>I would like to create a web page that fills up an iPad viewport completely. I also want to ensure that content doesn't extend past the viewport to prevent any page-level scrolling.</p>
  
  <p>I had attempted a 1024x768 portrait layout, but I ended up getting clipping horizontally, and the page's content extended past the bottom edge of the viewport.</p>
  
  <p>I added this to the :</p>
  
  <p></p>
  
  <p>And I have a simple #container div that sits right under the body, styled like this:</p>
  
  <pre><code>#container {
  width: 768px;
  max-width:768px;
  height:1024px;
  max-height:1024px;
  margin:0 auto;
  overflow:hidden;
  </code></pre>
  
  <p>}</p>
  
  <p>Anyone know how I can achieve a layout that is fixed to the dimension of the iPad?</p>
  
  <p>Thanks!</p>
  
  <p>Chris</p>