Font size displays differently!, Two identical web pages. Two different results (!) |
Font size displays differently!, Two identical web pages. Two different results (!) |
matt9b |
Oct 22 2021, 06:30 AM
Post
#1
|
Group: Members Posts: 5 Joined: 7-October 08 Member No.: 6,839 |
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/lo...ion/index2c.php Font size larger: https://www.meltedcheesecake.com/website/lo...ion/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. This post has been edited by matt9b: Oct 22 2021, 07:29 AM |
pandy |
Oct 22 2021, 07:20 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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.
|
Christian J |
Oct 22 2021, 09:18 AM
Post
#3
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
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 |
matt9b |
Oct 24 2021, 07:45 AM
Post
#4
|
Group: Members Posts: 5 Joined: 7-October 08 Member No.: 6,839 |
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. 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. This post has been edited by matt9b: Oct 24 2021, 07:46 AM |
matt9b |
Oct 25 2021, 10:10 AM
Post
#5
|
Group: Members Posts: 5 Joined: 7-October 08 Member No.: 6,839 |
Wow. lack of replies shows me there's no solution. Really?
|
Christian J |
Oct 25 2021, 11:28 AM
Post
#6
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
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: CODE <meta name="viewport" content="width=device-width"> ? It often seems to fix all kinds of quirks on mobile. |
Brian Chandler |
Oct 25 2021, 12:51 PM
Post
#7
|
Jocular coder Group: Members Posts: 2,460 Joined: 31-August 06 Member No.: 43 |
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.
|
pandy |
Oct 25 2021, 01:09 PM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
|
Lo-Fi Version | Time is now: 25th April 2024 - 07:11 AM |