Question

this is my first attempt at a responsive design so excuse me if this is a stupid simple question.

I have created an image and set its max-width to no larger than the actually width of the image since I know that scaling up an image will result in blurry nastiness.

What I am a bit confused on is that as I contract the window and the img begins to shrink, it gets blurry as well…

Is this correct behavior and is there some way around this?

Any help appreciated!

Answer 1

If your using Fire Fox it has been reported to have problems scaling down images.

Why is Firefox so bad at resizing images?

Firefox blurs an image when scaled through external CSS or inline style.

Apparently adding the following to the CSS has fixed the problem for some

image-rendering: -moz-crisp-edges;