View Single Post
Old 10-13-2025, 08:48 PM   #32
ElMiko
Fanatic
ElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileReadElMiko has read every ebook posted at MobileRead
 
ElMiko's Avatar
 
Posts: 519
Karma: 65460
Join Date: Jun 2011
Device: Kindle Voyage, Boox Go 7
The last epub you uploaded had both epub2 and epub3 solutions.

the svg code for the the epub2 solution was:

Code:
.svg_inline {
  display: inline-block;
  width: 100%;
  height: auto !important;
  margin: 0;
  text-indent: 0;
}
which results in the image always scaling to fill 100% of the width of the window, rather than the coditional height parameters we've been discussing.

For the epub3 solution,

at a max height of 4em these are the results I get when the window is wide:

Click image for larger version

Name:	test1.jpg
Views:	37
Size:	209.2 KB
ID:	218606

at a max-height of 2em this is what i get:

Click image for larger version

Name:	test4.jpg
Views:	39
Size:	198.0 KB
ID:	218607

In all cases, it doesn't seem to care about the max-height value (at least not for determining the height of the image). It just keeps growing to fill the window width-wise.

EDIT: I also updated your original file to include the text-alignment and the border as per your latest message, but it made no difference in terms of the above described behavior (the only difference now being that there was a red border... obviously).

Last edited by ElMiko; 10-13-2025 at 08:51 PM.
ElMiko is offline   Reply With Quote