Stop Firefox DPI Scaling (when Windows setting is at 125%)

css firefox zoom scaling dpi
Brugsen picture Brugsen · Apr 16, 2014 · Viewed 27.2k times · Source

I'm currently making a webpage and testing it in chrome works fine, but in Firefox - it is zoomed in.

This is because my DPI in Windows is set to 125%, and Firefox detects this, and adjusts every webpage accordingly.

However, my webpage is not meant to be viewed at such a zoom level, the images aren't made to be displayed that big, and hence it looked blurred/pixelated. The general layout of the page is messed up too, because everything is so big.

Now, this doesn't affect most people - as their DPI would be at 100% in Windows. However, I want it to be the same on all browsers.

I've searched and have found solutions as for the user to disable this "feature" - but I want to be able to disable it from my website - so it doesn't look wrong to the user in the first place.

e.g. one post says:

1) Type about:config in address bar
2) search for layout.css.devPixelsPerPx
3) change value of layout.css.devPixelsPerPx from -1.0 to 1.0

But that isn't what I'm looking for. Is there any way to disable this from CSS/HTML/anything?

Thanks.

Answer

Terry Robb picture Terry Robb · Jul 25, 2014

This frustrated me too, but luckily there is a solution.

Navigate to about:config. (Click accept on any warnings telling you to be careful with advanced features)

Search for layout.css.devPixelsPerPx and change its value to 1.0 and your issue should be fixed.

It was something implemented in Firefox 22.

Related questions

How can I zoom an HTML element in Firefox and Opera?

How can I zoom an HTML element in Firefox and Opera? The zoom property is working in IE, Google Chrome and Safari, but it’s not working in Firefox and Opera. Is there any method for adding this property to …

Read More
When using CSS Scale in Firefox, element keeps original position

When using scale in Firefox, the scaled element dóes get scaled properly. The problem is, that it's positioned as if it isn't scaled. This works fine in Chrome, and probably also in IE, Safari and Opera. These browsers all …

Read More
How to prevent the floating layout wrapping when firefox zoom is reduced

Given the following HTML. It display two columns: #left, #right. Both are fixed width and have 1px borders. Width and borders equal the size of upper container: #wrap. When I zoom out Firefox 3.5.2 by pressing Ctrl+- columns get wrapped (…

Read More