Similar Question:
Why does my website appear smaller on a live server than when deployed locally?
So I wanted to reask this question, but please don't say there is already a duplicate. I thought the answer of that page is just basic information, and didn't fix my problem.
My question is similar, the same page in my PC renders fine(Firefox, Chrome), but the same one on a server rendered smaller by Firefox(Chrome OK). My local webpage is using the URIfile:/// and I have hosted a page on a free server, of course the URI would then behtml://. That is all I know.
Local: 
!
Web: 
!
As you can see, both screen sizes are exactly the same, the CSS is the same, not zoomed in, I suspect it is how Firefox handle px sizes differently, but this is the 1st time happening. Why? How to fix?
Extra Information:
I discovered if I zoom in in Firefox 1 time in the page on the server, it is the same size as the page locally
Copyright Notice：Content Author:「Daniel Cheung」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/23072956/html-browser-css-webpage-seems-larger-on-server