Quote:
Originally Posted by Turtle91
My .02...
If you are going to use % (which I do) then also include a max-width in your css so small pics don't get overblown and fuzzy on large screens.
img {width:75%; max-width:250px}
This will make it 75% of the screen width up until that 75% exceeds 250px...then it stays at 250px. You set the values you are comfortable with depending on the quality of the image and how much zooming you are willing to allow.
Cheers,
|
Thanks Dion. Your method sounds good. And on the really big screens I'd be satisfied with 250 px width. And so doing it your way, there's no need to have "height=300" and "width=200" in the image html tags, right?
And why would a small image get overblown? And not sure what you meant by how much zooming I'm willing to allow.