title: Responsive design for iphone landscape and portrait
body: <p>I've been trying to test my code on my iphone 4, I am running iOS6.</p>
  
  <p>Everything looks fine and dandy inside of the iphone when in portrait mode, however when I switch to landscape everything is zoomed in! Any suggestions? My viewport code is below along with the css condition.</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.5, user-scalable=0" /&gt;
  
  @media screen and (max-device-width: 480px) {
      #sidebar {
          width:38px;
      }
      .menuhide {
          display:none;
      }
      .menushow {
          display:inline;
      }
      #mainframe {
          margin-left:38px;
      }
  }
  </code></pre>
  
  <p>Thanks again!</p>