Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Fonts incorrect on Android

Posted by: Lee Batchelor May 17 2021, 10:15 AM

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.

Posted by: pandy May 17 2021, 10:19 AM

Where can we see this?

Posted by: Lee Batchelor May 17 2021, 11:12 AM

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!

Posted by: Lee Batchelor May 17 2021, 02:57 PM

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

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.

Posted by: pandy May 17 2021, 08:29 PM

You are welcome.

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.

Posted by: Lee Batchelor May 17 2021, 08:59 PM

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.