You shouldn't define a height in terms of "em". What if the ereader's screen height is lower than -for example- 32em? Define the height in terms of "%" of the parent block, or better yet, in terms of "vh". According to the size of your image, a good value would be "max-height: 90vh".
Quote:
Originally Posted by ElMiko
Reluctantly reviving this thread to raise a weird behavior related to code discussed here. Namely:
Code:
.autoIMG {
text-indent: 0;
text-align: center;
max-height: 32em;
width: auto;
margin: 0;
}
.autoIMGimage {
max-width: 100%;
max-height: 32em;
margin: 0 auto;
display: block;
}
This works as previously described and intended when viewed in the Sigil Preview and PageEdit (see ImageScale-PE attached). And I know it works in KOReader when viewed on a device.
BUT...
When viewed in the ReadiumReader plugin, the max-height limit is never recognized (see ImageScale-RP attached)! Does anyone know if this is a plugin error? Maybe I imagine it, but I was under the impression that the Readium plugin was an appropriate proxy for KOReader.
|