title: How to display an html page at the width of the "Form sheet" modal on iPad without hard-coding the page width?
body: <p>I know the width of the <a href="http://developer.apple.com/iphone/library/documentation/general/conceptual/ipadhig/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW3" rel="nofollow noreferrer">"Form sheet" modal</a> on the iPad screen (540 x 620), the width of iPad screen (768 x 1024), and the width iPhone screen (320 x 480)… but when loading an html page into the "Form sheet" modal the width defaults to the device width per the viewport meta tag:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width"&gt;
  </code></pre>
  
  <p>This is necessary to display the page a the width of the device it's on, which is a different width per device. Since the iPad will have multiple widths.</p>
  
  <p>I'm loading the web page into the "Form sheet" modal on an iPad and the full screen when viewing in an iPhone app.</p>
  
  <p>How do I get a web page to display at the width of the "Form sheet" modal on iPad without hard-coding the width?</p>
  
  <p>So far the only solution I've found to work is to not set a device width and design a 100% width web page.</p>