Font size changes on android vs windows, Website fonts are grossly different when viewing from android phone |
Font size changes on android vs windows, Website fonts are grossly different when viewing from android phone |
wysocki |
Sep 22 2021, 04:52 PM
Post
#1
|
Newbie Group: Members Posts: 11 Joined: 22-February 11 Member No.: 13,950 |
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 |
pandy |
Sep 23 2021, 02:14 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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. |
pandy |
Sep 23 2021, 02:18 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Found it. The problem wasn't resolved, but at least you can see you aren't alone.
https://forums.htmlhelp.com/index.php?showt...&hl=android |
wysocki |
Sep 24 2021, 08:45 PM
Post
#4
|
Newbie Group: Members Posts: 11 Joined: 22-February 11 Member No.: 13,950 |
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 |
wysocki |
Oct 15 2021, 12:50 PM
Post
#5
|
Newbie Group: Members Posts: 11 Joined: 22-February 11 Member No.: 13,950 |
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 |
Oct 15 2021, 01:07 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Waelchi |
Oct 17 2021, 10:57 PM
Post
#7
|
Group: Members Posts: 1 Joined: 17-October 21 Member No.: 28,144 |
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.
|
pandy |
Oct 18 2021, 07:49 AM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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.
|
wysocki |
Oct 22 2021, 05:51 PM
Post
#9
|
Newbie Group: Members Posts: 11 Joined: 22-February 11 Member No.: 13,950 |
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 |
Oct 22 2021, 07:11 PM
Post
#10
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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. |
Lo-Fi Version | Time is now: 26th April 2024 - 03:44 AM |