Font size changes on android vs windows, Website fonts are grossly different when viewing from android phone Options

[wysocki]

I have a one page website that uses almost no css, but displays a table of data and VERY basic html for text areas. There are no font specifications other than body {font-family: sans-serif;}
When I display the page in browsers under Windows, the page looks fine as you'd expect. But on my Android phone, some of the paragraphs and table cells displayed about 2-3 times larger font size than the rest of the page. This happens to text either with or without <p> tags and this characteristic will appear on different paragraphs when page is reloaded.
All the fonts on the attached webpage image from my phone are the same.



This post has been edited by wysocki: Sep 22 2021, 04:55 PM

[wysocki]

Yeah, the base font is certainly not the issue. The problem is that several html paragraphs are different from others with no css or font specifications inserted to affect them. Is there an "inspector" available for Chrome under android? I wonder what it would show.

[pandy]

I don't think there is. Mobile is hopeless.

I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome

[wysocki]

I don't think there is. Mobile is hopeless.
I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome

YAY! IT WORKED! Paragraph fonts are now all the same on Android Chrome with this meta tag:

CODE

<meta name="viewport" content="width=device-width, initial-scale=1">

Thanks @pandy for your tenacity and research skills in finding that link! I've looked through stackoverflow but didn't find this solution. Also thanks to Kinlan over on stackoverflow.com for coming up with the meta tag.

[pandy]

I don't think there is. Mobile is hopeless.
I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome

YAY! IT WORKED! Paragraph fonts are now all the same on Android Chrome with this meta tag:

CODE

<meta name="viewport" content="width=device-width, initial-scale=1">

Thanks @pandy for your tenacity and research skills in finding that link! I've looked through stackoverflow but didn't find this solution. Also thanks to Kinlan over on stackoverflow.com for coming up with the meta tag.

It worked? Wow, that was lucky. Wonder why it happens in the first place though. It must be a bug of some sort, but bugs are triggered by something, and I'd like to know what.