I've got an image in an img tag that has class = "calibre2"
The .css file has this:
When viewed as html in FireFox, in a variable size window, the width of the image is always equal to the width of the window and aspect ratio remains constant. This is true, even when the window width exceeds the image width. That is the behavior I want - constant AR. If the FF window is enlarged on a wide screen monitor, the image is enlarged/zoomed at a constant aspect ratio, even if a portion of the image disappears off the bottom.
The bottom part of the image can be viewed by scrolling down in the window. This is useful for comics, where taller comics have multiple panels above and below. Stretching the window allows one to zoom in to read the comic strip.
The same thing happens when that file is viewed as an EPUB (same CSS file) in EPUBReader within FireFox. Both operate the way I want them to operate.
However, when that EPUB is viewed in the Calibre reader, it behaves differently. As the window is stretched, the image increases in size, with constant AR, only up to a limit. After that limit is reached, the height no longer increases, while the width does. The AR begins to change and the image distorts. I believe the height stops increasing when it is 100% of the actual image height.
I'd like to get the Calibre EPUB viewer to operate the same way as EPUBReader and FF/html. I'm not sure, however, whether the Calibre EPUB viewer is doing it wrong, or if this is undefined. Is this something that should be considered a bug in the Calibre EPUB viewer, or can I adjust the CSS in some way to achieve the same behavior as in FF and EPUBReader?
Comments are welcome.