title: CSS: Disabling automatic rescaling of font-size on iPhone
body: <p>As explained <a href="https://stackoverflow.com/questions/9761212/font-size-in-portrait-vs-landscape-on-mobile-devices">here</a>, the Apple iPhone (i.e. Safari) rescales the font-size when the viewport changes (i.e. from portrait to landscape or vice versa).</p>
  
  <p>The accepted answer to that question says that, in order to disable this behaviour, one should add:</p>
  
  <p>-webkit-text-size-adjust: none;</p>
  
  <p>(Note: in other posts I've also seen '100%' instead of 'none', which may be preferable, but the distinction seems irrelevant here.)</p>
  
  <p>Accordingly, my main question is why, when I view the following HTML test-file on my iPhone, the fixed-sized font is STILL rendered bigger in landscape as compared to portrait view: </p>
  
  <blockquote>
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt; 
          &lt;meta charset="utf-8"&gt; 
          &lt;title&gt;Untitled Document&lt;/title&gt; 
          &lt;style&gt; 
              p { 
                font-size:24px;
               -webkit-text-size-adjust:none;
               } 
          &lt;/style&gt; 
      &lt;/head&gt;
      &lt;body&gt; 
          &lt;p&gt;This is an example text&lt;/p&gt; 
      &lt;/body&gt;     
  &lt;/html&gt;
  </code></pre>
  </blockquote>
  
  <p>However, I'd also like to have it confirmed that the Apple iPhone - and possibly other Apple devices - are the ONLY devices displaying this (to me, annoying) behaviour... is that true?</p>
  
  <p>Incidentally, I find it annoying because I can't test properly on my iPhone if my website (i.e. font-size) is rendered differently on other mobile devices (and I don't fully trust online emulators).</p>
  
  <p>Thanks.</p>