Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was closed and archived. Please ask a new question if you need help.

My websites and UI have suddenly become huge. How can I get them back to a normal, smaller size?

  • 104 பதிலளிப்புகள்
  • 108 இந்த பிரச்னைகள் உள்ளது
  • Last reply by mamefox

Yesterday all of a sudden my webpages and UI appeared to be magnified. While I can zoom out on websites, I cannot find any option to adjust the size of the UI.

I noticed that Firefox 22 (which I am running) has a new feature: "Windows: Firefox now follows display scaling options to render text larger on high-res displays". Is it possible to adjust how Firefox responds to the display scaling options perhaps?

07-27-13 - moderator locked this due to the length of this two month old thread - please post in one of the other threads discussing this issue

the-edmeister மூலமாக திருத்தப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Code changes regarding HiDPI support for high resolution displays have landed in Firefox 22 and later (bug #844604).

You can modify the layout.css.devPixelsPerPx and increase or decrease the value in 0.1 or 0.05 steps to adjust the size of fonts and other elements in Firefox.

  • The layout.css.devPixelsPerPx pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely (resolution 0.1 or 0.05).
  • Change the default value -1 to 1 to make it work like in previous Firefox versions (100%)

Start with a value of 1 and adjust this value with 0.1 steps or 0.05 for finer adjustments.

  • Use values between 1.0 and about 0.5 to reduce elements in size (do NOT go all the way to 0.05!)
  • Use values greater than 1.0 to magnify and make elements larger (percentage divided by DPI, % / DPI).

If web pages needs to be adjusted after changing this pref then you can look at the Default FullZoom Level or NoSquint extension.

Use this extension to adjust the font size for the user interface:

Read this answer in context 👍 5

All Replies (20)


Before posting this question I did an extensive search on how to solve this problem without finding a permanent fix, so I assumed that it was merely a bug of the Firefox Beta I was running, and that I would just have to wait till the next Firefox update for an actual solution.

In the meantime, I still wanted to view my pages the way I was used to. Therefore I explicitly asked for a way to adjust the display settings, instead of an actual fix.

I hope people will take this into account when reading my initial post and the solution I chose.

I've just updated to version 22 & it is messing everything up in FF. Everything is zoomed. Wasn't like this before. I agree with MatsSvensson. FF has really messed up big time... It seems like the browser has better performance but who cares if websites gets messed up like this? Since I'm a webdesigner I have several browsers installed. I've always used FF as default browser but was leaning towards moving to Chrome because of performance. Was at first really happy the perfromance boost of FF update but now I'm moving to Chrome...

You guys really screwed up big time. Way to alienate the 95% nongeek population using FF by a senseless modification.

Not only are webpages affected, onthefly corrected though extremely annoying by SHIFT-SCROLL, but the whole aspect of FF is zoomed, including icons, menus, add-ons.

I approximated the prior web page display my adjusting the string in :config but it's still not pleasing, and does very little to also affect the overall look of the program.

James மூலமாக திருத்தப்பட்டது

Hi NiklasHall and buggaz123, so that we can get a better understanding of how Firefox 22 is working on different Windows setups, could you reply with:

  • Windows OS version (e.g., XP, Vista, 7, 8)
  • Windows DPI setting (e.g., 125% text size, or 120ppi)
  • Firefox layout.css.devPixelsPerPx setting (e.g., default of -1.0 or another setting)

My understanding is that the chrome area (menu, toolbar, tabs) should look like other applications at the default setting (-1.0), while the content area should be zoomed exactly as set in your Windows DPI setting. However, if you do not get that, it would be really helpful to get more detail on where it doesn't work that way.

Hi MatsSvensson, thank you for the screen shots.

Do you think the difference in the chrome area (menu, tabs, toolbars) is the 5% difference between 120% and 125%? It may be that Firefox rounds 115.2ppi to 120ppi; I haven't checked the code.

Obviously the content area looks quite different...


I don't think that's it. Here are screen-grabs @ 120% (same as before) & 125%

Looks like the same difference as with the other browsers.

MatsSvensson மூலமாக திருத்தப்பட்டது

jscher2000 :

In my case, the update affected not only the web page display but also the UI in general.

Win XP nvidia graphics 1600x1200 (native) font displaying 120 DPI (125% normal size).

Modifying layout.css.devPixelsPerPx 1.11 helps with web page display and approximates my prior display but not entirely and the UI still looks magnified and icons, tabs etc are fuzzy.

The upgrade on my Win 7 PC has no discernible UI or other display changes.

Notice the indistinct icons, large text.

buggaz123 மூலமாக திருத்தப்பட்டது

Hi buggaz123, thank you for the report. I don't have any systems with Nvidia, I don't think. Do you already disable hardware graphics acceleration in Firefox? If not could you try that? It works around problems that Firefox has with updated display drivers the developers are not able to test.

You usually need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).

orange Firefox button (or Tools menu) > Options > Advanced

On the "General" mini-tab, uncheck the box for "Use hardware acceleration when available"

If you restart Firefox, is the toolbar area any less fuzzy?

If not, you might need to go to layout.css.devPixelsPerPx=1.0 and use one of the content zooming extensions to upsize the content area to your preference. cor-el's solution post links to the two best known.

Hi SomeDude1212, did you find a solution (and just want to vent) or do you have a question?

Adjust the layout.css.devPixelsPerPx pref and start with 1.0 and increase or decrease its value from 1.0 in 0.05 or 0.1 steps to get the appearance of the user interface correct (icons and text).

Use this extension to adjust the font size for the user interface.

Use this extension to get the appearance of the web pages correct.

John31415: How exactly did you revert back to firefox 21. I tried that, but still had the same problem. When you installed it, did it go back to how it was. If so...I'm not sure what I'm doing wrong.

When I downgraded to 21 things went from bad to worse, presumably because I'd changed the value of layout.css.devPixelsPerPx and couldn't find the correct setting for it.

Fortunately I had a backup of 21 which I was able to revert to and get back to normal. The default setting in 21 for layout.css.devPixelsPerPx is 1.0 Hope this helps.

Thanks, it seems to be better, not exactly how it was, but pretty close. Thanks alot for your help, and for need to fix this...high resolution is the future, it was a mistake to change the DPI settings, and ruin the experience for us high res users, to accommodate those lagging behind the times.

Hi jjan23, I think the idea was to help those with higher DPI settings by automatically zooming the content for us. Those who use 100% in Windows are not affected.

Obviously different users have very different preferences for how much their browser content is zoomed, so many people are finding it to be too much.

I for one, put down the cash for a high rez 27" monitor to fit more content on the screen, so I wouldn't have to scroll around so much.

Not to view the same content, only HUGER.

If i wanted that, i could have just bought a regular 1080p monitor for 1/4 of the price.

Adjust the layout.css.devPixelsPerPx pref and start with 1.0 and increase or decrease its value from 1.0 in 0.05 or 0.1 steps to get the appearance of the user interface correct (icons and text).

Use this extension to adjust the font size for the user interface.

Use this extension to get the appearance of the web pages correct.

Hi MatsSvensson, that's an excellent point: device pixels come in a wide range of sizes, and what's helpful on my 14" laptop panel may look silly on your 27" panel. Not sure there is a way for Firefox to know that and respond accordingly.

Hi SomeDude1212, as had been said in many posts, if a single value compromise doesn't give you the result you want, you can work around it using an extension. For now, that's the best we can offer you. Please use Help > Submit Feedback to add your voice on how you would prefer Firefox to work.

"Not sure there is a way for Firefox to know that and respond accordingly. "

Then DONT!

It worked just fine until this half-assed crap was rolled out.

MatsSvensson மூலமாக திருத்தப்பட்டது

Firefox 22 has a problem with the zoom-function. The standard is now too big. I cannot understand, why Mozilla talkes about addons as a solution of this problem. I think, that mozilla has to solve the problem!

By the way: I have sent screenshots from 4 Browsers. I did not get an answer, only the link to the discussio here. Here I repeat my screenshots.

Mozilla has a problem. Not the firefox-users have to solve the problem, but Mozilla must solve it!

The screenshots show one homepage in Firefox 22, Internet Explorer 10, Google Chrome 26, Safari 5, Opera 12. And now the same homepage again in Firefox 21. The letter-size is in Firefox 22 14 px and in Firefox 16 px. The width of this homepage is 1003 px, so it must look identical in different browsers. Mozilla do not like the picture of the Firefox 21!

mamefox மூலமாக திருத்தப்பட்டது

@ Cor-El:

Quote: "Change the default value -1 to 1 to make it work like in previous Firefox versions (100%)"

When I did that, the result was a miniaturized UI that was worse than the one on steroids. First, the editor wanted to change it from a negative integer (-1) to a decimal floating-point number (1.0). When I modified it again to a positive integer (1), the outcome remained the same.

If the user must restart FF to revert to the previous-version display scaling after setting the value to a positive integer 1, then you need to say that.

Note: if this setting does function as an on/off switch, then a separate setting should have been implemented for the floating-point scaling multiplier. Overloading configuration controls eventually proves to be a very bad practice for a software designer to adopt. Unfortunately, few if any of them will ever read comments posted here.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5