Quote:
Originally Posted by JSWolf
400px is awfully small for a 300dpi Reader. would go with...
Code:
img [
max-width: 100%;
}
|
Try actually reading what was posted....
Quote:
|
If you are using an svg image then it will scale without getting over-pixelated and fuzzy. For all other image types I put some protection in the css to prevent that. I set max-width to the maximum size in pixels I want the image to expand (usually I set the actual image width here)
|
max-width: 100%; is absolutely useless if you already set the width to 95%
In other words..... I don't CARE what resolution your screen is. If you have a 400 pixel wide image and you try to expand it to 1710 pixels (95% of an 1800 pixel wide screen) then it will get over-blown and pixelated and fuzzy...unless it's an SVG. (yes, I know you would say 'just use a higher resolution image'...but that's not the point if they don't have said higher resolution image!)
To protect against that...put a max-width....jeeze...i feel like I've said all this somewhere before...