html - Firefox has different pixel size? -


I have to use fixed height for fixed layout (Google Map with form in the sidebar) and I saw that 600px height Firefox is much larger than other browsers (Chrome, IE 8) Firefox 600 PX is actually shown as CCA 690 px! Even Google Maps tiles are reserved again, so they both display the same in FF and Chrome. And even the web developer toolbar / diverse / ruler displays 600 px instead.

  1. How is this possible? Which setting is this? I think the pixel is a pretty clear unit and it is reliable to be a real pixel
  2. Can I reset it to normal height for Firefox, so that it can look the same in all browsers? I have a problem with this because everything in Firefox can fit into "600" (= 690) pixels, but not in other browsers. I think the size will be similar to that of a field that can actually be fitted.
  3. Is it desirable to do this? Or not, because it will also break the size of all other things (font size) that users are already used, it can break the browser settings and user expectations related to other sites. PS: Note that I already have Ctrl-0 (or menu view> Zoom> reset) in the FF and similar Chrome Had given.

    I had a problem where every element on Firefox (OSX) is available on any other browser (OSX or PC) ). I realized that the problem came from font sizing given in my CSS. I was able to solve this issue (at least on my own site):

      html {font: 1em / 1.5 helvetica, arial, non-serif; }   

    to

      html {font: 16px / 1.5 helvetica, ariel, non-serif; }   

    I was using em s to scale a lot of content, and I think if you do not specify that < Code> em , Firefox will create it on its own size rules.

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -