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 |
wysocki |
Oct 15 2021, 12:50 PM
Post
#2
|
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
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,733 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 |
wysocki |
Oct 22 2021, 05:51 PM
Post
#4
|
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
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,733 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: 27th April 2024 - 11:41 PM |