CSS: how to do away with automatic rescaling of font-size on Safari
<p>Note: I'm posting this question again, with very slight modification, as the first time the issue didn't get resolved. The earlier question is found here: <a href="https://stackoverflow.com/questions/34860866/css-disabling-automatic-rescaling-of-font-size-on-iphone]">CSS: Disabling automatic rescaling of font-size on iPhone</a>, but as I said it's almost identical; it has one answer that unfortunately didn't clarify much for me...]</p>

<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>

<pre><code>-webkit-text-size-adjust: none;
</code></pre>

<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>

<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>

<p>(Note: in other posts I've also seen '100%' instead of 'none', which is probably preferable, but the distinction seems irrelevant here, as neither works.)</p>

<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 now I can't test properly on my iPhone, knowing that 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>