*"sizing"
I feel like I'm going crazy here. I recently created an ebook with images in the <h2> headers (an alien language as chapter number), and styled it as I have many times before, with something like:
Code:
<h2><img style="height: 1em;max-width: 50%; object-fit: contain;" src="../Images/ch01.jpg"/><br/>Title</h2>
(I initially had this as a css class but it's the same either way). Everything looked fine in Sigil's preview pane as well as Calibre's book viewer, but on my Kobo Libra 2 (latest firmware) and MoonReader+ for Android, the image is full-size (it was a large image so it basically filled the screen). Other CSS classes and styles, such as font sizes, alignments, etc. work fine.
I've tried playing around with the specific size values, different images, and creating a brand new epub to no avail, and it's freaking me out a bit because I've been doing this for years and and can't see what I'm missing.
See an attached test epub and a screenshot of what it looks like in Moon+ reader. Thanks in advance for any help.