Printable Version of Topic

Posted by: matt9b Oct 22 2021, 06:30 AM

I have 2 identical web pages, but the font size displays differently on each- despite the html code being the same!

NB: I'm viewing it on iphone on safari (it's possible any smart phone might do the same, on iphone it's definitely reproducible). The point is it's inconsistent.

Font size smaller: https://www.meltedcheesecake.com/website/location/index2c.php
Font size larger: https://www.meltedcheesecake.com/website/location/index2b.php

I can literally copy & paste the text from one page to the other & the font size changes again!

Been trying to solve this for some time & don't seem to be getting anywhere. Help appreciated.

Posted by: pandy Oct 22 2021, 07:20 AM

What's with mobile and font sizes? Has been a lot of issues with that here recently. But the others have had problems with Chrome on Android.

Posted by: Christian J Oct 22 2021, 09:18 AM

Could it be that one page is cached and the other one isn't?

I notice that the STYLE section in the HEAD section has been commented out at some time.

As a side-note you should add a Doctype to make the browser follow the spec accurately: https://www.w3.org/QA/2002/04/valid-dtd-list.html

Posted by: matt9b Oct 24 2021, 07:45 AM

Not cached, also tried on different iphone browsers and different phones. Check it on your phone.

There's a stylesheet so the style section isn't needed. I tried various things to debug, nothing worked so far.

Posted by: matt9b Oct 25 2021, 10:10 AM

Wow. lack of replies shows me there's no solution. Really?

Posted by: Christian J Oct 25 2021, 11:28 AM

Checked with Android Firefox and Vivaldi (chromium-based), no difference there.

Just a wild guess, but have you tried adding this to the HEAD section:

? It often seems to fix all kinds of quirks on mobile.

Posted by: Brian Chandler Oct 25 2021, 12:51 PM

Note also that your page uses "pixel fixing" - everything specified in pixels, on the assumption of a typical computer monitor (probably of some time past). No-one knows exactly what any particular occurrence of "pixel" means any more, but in "HTML pixel" terms, a mobile screen is only around 200 "pixels" wide. So your layout will not fit, and the browser is bound to reinterpret it rather randomly.

Posted by: pandy Oct 25 2021, 01:09 PM

No. It means we don't know the answer and don't use iphone so we can't even try to find out what's happening.