Firefox blurry images

Firefox displaying site enlarged and blurry

[bsim]

Has anyone found a snippet of code to make Firefox display websites their true size? The images are enlarged and blurry (even Firefox's opening suffers), the text is huge, but of course displays cleanly.
This is NOT a zoom issue.

They don't support mp4, seems to becoming a mess.

Thanks.

[graeme_p]

Which websites? What do you mean by true size? Sounds like something wrong with your Firefox install.

[bsim]

I just reinstalled. It's not that. I read about this issue online with a fix using the about:config for firefox and changing a parameter, which did the job, but since most people will not be doing that I am looking for a fix for my websites to stop firefox from enlarging the images.

Any website I visit on Firefox, but since I have a reference with the websites I created is when I noticed how big everything is.

Found this and tried it, which worked, but doesn't make sense, so reinstalled FF.
Step 2: Change your global scaling in the about:config preferences editor.

(1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.

(2) In the filter box, type or paste pix and pause while the list is filtered

(3) Double-click layout.css.devPixelsPerPx and change its value to 1.0 for Firefox 21-sized fonts in the content area.

[Kendo]

It sounds like you have zoomed or enlarged your fonts from your browser. I am not a fan of that feature because it trashes a site's layout. And it's a nuisance because most people will not know the difference or remember to restore them. But I guess that is what they call progress.

[bsim]

Turns out Firefox reads Windows 7 display resolution, where you can enlarge the font for your computer, and subsequently enlarges Firefox to match. Those of us with wide screens use a medium font (=125% font size, thus the issue) for readability. Now to undo in Firefox. Thanks for your time.

[graeme_p]

Sorry, I thought you were dealing with a SITE problem rather than an FF problem and meant to say its a problem with your FF install or settings.

The optimum layout.css.devPixelsPerPx should be system dpi divided by 96 (divisor may be different on windows):

[wiki.archlinux.org ]

The default is -1. Auto?

[graeme_p]

I am not a fan of that feature because it trashes a site's layout.

It trashes a badly designed site's layout. I hope none of our sites are going to be messed up by a bit of zooming!

[bsim]

Hi again, I thought it was something I could code into each website to make it display properly. Turns out it really is tied to the resolution you set in Windows 7. Yes, the auto default is -1.0. To acount for the 125% Windows is set at, changing to 1.0 displays the website accurately, though the chrome around FF might be suspect - it works for me. I've seen enough of clients who keep their browsers zoomed in to see how it trashes things up, but this was a surprize, since I don't use zoom. Thanks, again.

[lucy24]

It sounds like you have zoomed or enlarged your fonts from your browser. I am not a fan of that feature because it trashes a site's layout.

Hey, news flash. Not all humans have exactly the same eyesight and exactly the same sized monitor. It's the site's responsibility to accommodate reasonable human variation, not the other way around.

[Kendo]

It's the site's responsibility to accommodate reasonable human variation, not the other way around.

So what's wrong with starting with an average font size, one that most sites use, and letting the user adjust their screen resolution to suit their own blindness?

That way they can adjust for all sites with one setting of their own.

[lucy24]

News flash #2: Screen resolution and text size are different things. By this time, every browser I own has a separate option for "zoom text only". But if I-- as a user-- have to zoom the text before I-- as a user-- can even look at a site, that's one extra step the site is forcing me-- as a user-- to take. And the next step I take may be away from the site.

An "average" font size is {font-size: 100%;}. Anything else is the site forcing the designer's visual acuity on the user.