title: Font-sizing issue when rotate from portrait to landscape
body: <p><strong>solved it:</strong></p>
  
  <pre><code>-webkit-text-size-adjust: 100%; 
  /* Prevent font scaling in landscape while allowing user zoom */
  </code></pre>
  
  <p>I have a small font-sizing issue when rotating from portrait to landscape. When testing on responsive mode in safari the font-sizing is working fine, but when testing it on my iPhone 5s the font-size works fine in portrait mode, right font-size the way i set, turning to landscape bigger font-size. The navigation shows the right font-size, but when opening it also changes bigger. All the font-sizing is done on the body tag with px, don't need to specify it separately or use em,rem etc. Can't find where the problem is. Again in responsive mode Safari everything is working. </p>
  
  <pre><code>* {
    margin: 0;
    padding: 0;
  }
  
  body {
    font-family: helvetica, arial, sans-serif;
    font-size: 23px;
    font-weight: normal;
    text-align: left;
    line-height: 1.2;
    color: black;
  }
  
  h1, h2 {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  
  @media screen and (max-width: 1112px) { /* all after this breakpoint size to 20px */
  body {
    font-size: 20px;
   }
  }
  
  @media screen and (max-width: 1024px) {  /* all after this breakpoint size to 18px */
  body {
    font-size: 18px; 
   }
  }
  </code></pre>