The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Fonts incorrect on Android
Lee Batchelor
post May 17 2021, 10:15 AM
Post #1


Newbie
*

Group: Members
Posts: 17
Joined: 10-May 20
Member No.: 27,332



Hi all,

I have a website with some data in a table, which is inside a div tag. Everything looks fine on a PC but on an Android, the first two or three column font sizes are bigger. I haven't checked this out on an iPad yet.

I think this is called responsive design. How do I change my CSS or HTML5 code so the fonts will not change when viewed on an Android? I'm using Segoe UI for the entire page.
Is there something I need to add to the meta tag? I tried <meta name="viewport" content="width=device-width, initial-scale=1"> but it didn't do a thing.

Thanks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 17 2021, 10:19 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 19,726
Joined: 9-August 06
Member No.: 6



Where can we see this?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Lee Batchelor
post May 17 2021, 11:12 AM
Post #3


Newbie
*

Group: Members
Posts: 17
Joined: 10-May 20
Member No.: 27,332



Hi Pandy,

Thanks for chiming in. Here is one page that doesn't parse correctly.

https://www.alivingpast.ca/supsac.htm

This is a genealogical website and fully open to anyone. Thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Lee Batchelor
post May 17 2021, 02:57 PM
Post #4


Newbie
*

Group: Members
Posts: 17
Joined: 10-May 20
Member No.: 27,332



Edit
The pages work perfectly on an iPad. It's just the Android. Big surprise glare.gif!

Edit again
I just found this code that seems to solve the problem. I added "max-height: 999999px;" to the CSS sheet under the <td> and <p> tag definitions and viola! Problem solved. I have no idea why it works but it does.
If anyone else has a comment, please feel free to contribute. Meanwhile, thanks to all - especially Pandy.

This post has been edited by Lee Batchelor: May 17 2021, 03:21 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 17 2021, 08:29 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 19,726
Joined: 9-August 06
Member No.: 6



You are welcome. laugh.gif

I didn't see your last post at first, so I started to check on my Android. I can at least confirm what you say. The font size looks the same now, both in FF and Chrome.

Was it you or someone else that had the same problem recently? I can't find the thread now.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Lee Batchelor
post May 17 2021, 08:59 PM
Post #6


Newbie
*

Group: Members
Posts: 17
Joined: 10-May 20
Member No.: 27,332



Hi Pandy,

This is the first time I posted this issue, so it must have been another member. Thanks for confirming my results. I found the code while surfing. I believe it was on a stackoverflow.com post.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd June 2021 - 05:56 AM