Quote:
Originally Posted by JSWolf
In the CSS, add the following code...
Code:
img {
max-height: 100%;
max-width: 100%;
}
|
I have that in my personal css file as a catch-all in case I don't specify a max-width for a particular image. I have it near the top of the css file, so any styles added later would take priority over it. Don't forget to add the '-' in max-width.
In this particular case, however, it doesn't serve a useful purpose. You've already set the width at 100%, so max-width of 100% means nothing....and if you set the max-width to roughly equal the image width, then you are covered from the fuzzy/stretched image syndrome.
The max-height isn't sufficiently consistently implemented among all the readers/apps. It is defined in the standards as the "height" of the container...but what does that mean in real life? The height of the screen, the height of the div, the height of the chapter, or the height of the reflowable scrolling window that is 69 'pages' long? It's OK to have it in there, but I'm not sure if it helps all that much.