title: How do I scale a page on ipad safari correctly? no css involved
body: <p>My page is 980px, it looks perfect in landscape but in portrait it is cut off. so I tried</p>
  
  <pre><code>&lt;meta name="viewport" content="user-scalable=no, initial-scale=0.75, minimum-scale=0.75, maximum-scale=0.75, width=device-width"&gt;
  </code></pre>
  
  <p>It displays the portrait perfect but in landscape it is too small. I have tried to solve this by using js to detect when orientation changes and resetting the viewport properties, doesn't work or works to an extend but with horrible bugs.
  I can't use any kind of css media queries because the site is 980 and cannot change.</p>
  
  <p>Is there a way to do what I need? thanks</p>
  
  <p>EDIT </p>
  
  <p>I have tried something like</p>
  
  <pre><code>if (orientation == 0 || orientation == 180) {
      viewport.attr("content", "");
      viewport.attr("content", "user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=990px");
  }
  else {
      viewport.attr("content", "");
      viewport.attr("content", "user-scalable=no, initial-scale=0.77, minimum-scale=0.77, maximum-scale=0.77, width=990px");
  }
  </code></pre>
  
  <p>the detection of when the ipad is rotating works, but the scaling using viewport never works properly</p>