Note that there are some explanatory texts on larger screens.

plurals
  1. POFonts become bold when changing orientation
    primarykey
    data
    text
    <p>I use this in the html:</p> <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"&gt; </code></pre> <p>and this in the CSS:</p> <pre><code>html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }\ </code></pre> <p>also tried this:</p> <pre><code>html { -webkit-text-size-adjust: none; } </code></pre> <p>and yet for some reason this happens:<br><br> <img src="https://i.stack.imgur.com/Xm27h.png" alt="enter image description here"> <img src="https://i.stack.imgur.com/BprYj.png" alt="enter image description here"></p> <p><strong>Update</strong>: I tried removing all styling to see if any of my CSS is causing this, and the result was weird: when I'm not using any font rules, the font simply gets larger (it is not zoomed in since the zooming is locked by the HTML <code>viewport</code> attribute) also, only the small font gets larger, the headers remain the same. weird @#$%</p> <p><strong>Update 2</strong>: I played with the html/css and came to this conclusion - the only time when the text enlargement DOESN'T happen is when the text is contained inside the only element in the page - for example if all my body contains is p/span/div with text, it will not get enlarged. If I add another element with text in it, all text on page becomes enlarged in landscape mode.<br> I tried doing some research and looked through many mobile sites, and the result is the same - they all have this effect.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload