Files act differently online than from Windows file system and Chrome (either way)
My web site is https://3nt.xyz. I have been upgrading it to use larger fonts to be more readable on a mobile device. It all works the way I want from disk files on my Windows 10 computer, essentially the same with Firefox, Chrome and Edge.
When I install the files online, everything is the same with Chrome. However, FIrefox makes the fonts yet larger - too large. (I block Edge from internet access, pending removal, so I don't want to test it online.)
The online site works as desired with Chrome on my Pixel 3. For comparison, I installed Firefox on my phone, and it works as desired there - appears identical to Chrome. So the problem occurs only for the online site with Firefox 79.0 64-bit on WIndows 10 1903 64-bit.
The site is pretty basic. Other than links, all the pages are independent, no PHP or anything. I use w3.css and have seven primary pages. I duplicate the same header and footer code across all seven pages, so the teal bar across the top is identical on all seven pages. The best way to duplicate the problem is by going to the site with Firefox and Chrome (or perhaps another browser), and comparing the teal bars.
Any help would be appreciated.
- Pete
Chosen solution
Hi Pete, the fonts look equally enormous to me in Firefox and Chrome on Windows (48px). Do you have the same zoom levels in both browsers when you compare? I think Ctrl+0 will reset the page to the default zoom level in both browsers.
Read this answer in context 👍 0All Replies (4)
Chosen Solution
Hi Pete, the fonts look equally enormous to me in Firefox and Chrome on Windows (48px). Do you have the same zoom levels in both browsers when you compare? I think Ctrl+0 will reset the page to the default zoom level in both browsers.
I made further tests, which resulted in no changes to teal bar; the subsequent fonts changed (reverted to original smaller size, as if <style> superseded) on test 4 only:
1. Upgraded from w3.css 4.10 (Feb 2018) to 4.13 (Jun 2019). 2. Tried moving <head> after w3.css. 3. Tried commenting out the Search button & box (a new addition). 4. Tried moving w3.css after the <style> section. 5. Renamed politics.htm to politics.html, uploaded that, and tested it both ways.
This appears to be a bug or questionable feature of Firefox.
This is embarassing: I think I had changed the size of things with Ctrl+mouse-wheel, and Firefox was remembering that setting for the online window. I'll poke around some more, but assume this is resolved, unless you hear differently. Time to restart FIrefox.
Thanks, jscher2000. You nailed it. Good to know about Ctrl+0 (zero), which proved your solution was correct.