[icearch]

Originally Posted by Turtle91

2) use % of your screen size but put a maximum on it to prevent pixelation/fuzziness on a large screen. eg.

  img {width:50%; max-width:600px}

You may need to use height instead of width instead depending on your image aspect ratio and/or if the screen is in landscape or portrait mode (use media queries). eg.

<div class="image">
  img {height:50%; max-height:800px}
</div>

But remember you will probably need to supply a container (<div>) so it can determine what height to use as the percentage used is the % of the container...(what is the height of an auto-scroll page?)...
.

I have tried this last night, using a div to contain it, set it to 5em height, and 100% height for img. Works great in sigil, but still fails in reader.