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.
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.
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
Wow. lack of replies shows me there's no solution. Really?
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:
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.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)