Note that there are some explanatory texts on larger screens.

plurals
  1. POfirefox and chrome on android, font inflation on one p and not another
    primarykey
    data
    text
    <p>I'm not a web developer. I'm budding games developer. I'm making <a href="http://brianmcelroy.neocities.org/" rel="nofollow noreferrer">this</a> website to show off my portfolio.</p> <p>I think its looking good in all the pc browsers I tried. It should look like this<img src="https://i.stack.imgur.com/R4CeH.png" alt="what it should look like"></p> <p>But in chrome and firefox on android, the block of text in the top right is rendered in a massive size font which makes that div huge and pushes everything down.</p> <p><img src="https://i.stack.imgur.com/1Kzgr.jpg" alt="how it looks on android"></p> <p>Now, Originally there was the mainpage html file with the sitemap + that paragraph, and the individual bits about my projects, for instance 'artefact', were seperate pages loaded into an iframe.</p> <p>I noticed that, the lower paragraph in the iframe was fine even though the div is the same class as the problematic one above.</p> <p>Heres what Ive tried so far..</p> <p>I made that p a new class and defined its text size explicitly<br> I put the <em>entire</em> website in another iframe. strangely didnt make any difference<br> I put that pargraph in a li in a ul<br> I put all the text in that paragraph in a span<br> I changed the text from a p to a h7 </p> <p>The android browser is still picking up on it and making the text huge, and not the one below..<br> In firefox it seems this is being caused by 'font inflation' and I can get around it by changing firefoxes settings. But why is it only inflating one paragraph and ignoring the other?</p> <p>Please note. I have done everything in this site in pixels and not % or em. If I can just get android to not blow up that one paragraph it'll be fine. </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.
    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