Printable Version of Topic

Posted by: wysocki Sep 22 2021, 04:52 PM

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.

Posted by: pandy Sep 23 2021, 02:14 AM

Not sure we can help, mobile is tricky. But to have a chance we need to see the real stuff, a screen cap isn't enough.

Do you have this problem in several browsers on your Android? We had a similar problem a while ago and it turned out it only affected Chrome (I think it was). I'll see if I can find that thread.

Posted by: pandy Sep 23 2021, 02:18 AM

Found it. The problem wasn't resolved, but at least you can see you aren't alone.
https://forums.htmlhelp.com/index.php?showtopic=60708&hl=android

Posted by: wysocki Sep 24 2021, 08:45 PM

Yeah, that didn't help. Here's the code attached. Let me know how/if it works for you, and THANKS!

 poolmath.html ( 81.1k ) Number of downloads: 94

Posted by: wysocki Oct 15 2021, 12:50 PM

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.

Posted by: pandy Oct 15 2021, 01:07 PM

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/21341303/font-size-bug-on-android-chrome

Posted by: Waelchi Oct 17 2021, 10:57 PM

Font size changes You can change the size of the font used in menus, web searches, and as you compose an email or a text. This is great if you regularly find your device's text too small to read.

Posted by: pandy Oct 18 2021, 07:49 AM

Well, that isn't the problem here. The problem is that Chrome for Android sometimes chooses to make text that should have the same size as the surrounding text have a different size (so far larger), for no apparent reason.

Posted by: wysocki Oct 22 2021, 05:51 PM

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


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.

Posted by: pandy Oct 22 2021, 07:11 PM

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.