View Single Post
Old 08-06-2020, 01:23 PM   #6
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,362
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by JSWolf View Post
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.
Turtle91 is offline   Reply With Quote