Before I confinue to beat my face against this can I get a sanity check from the great and the good?
For some reason image sizing is NOT being honoured on the Kindle App for iPad for me. 100% as expected in a browser, on the Kindle Previewer and Kindle for Android.
ePub(2) built directly with xhtml and css, so little or no conversion shennanegans.
Loaded the ePub to the iPad and Android through their Kindle emails - so we're getting the "consumer experience".
Here's a snippet of HTML
Code:
<p>TESTING ICONS <img class = "img_1em5" src = 'images/y-s.png' alt ="Yellow Icon"/>1.5em <img class = "img_2em" src = 'images/y-s.png' alt ="Yellow Icon"/>2.5em</p>
and the associated CSS
Code:
.img_1em5{
height:1.5em;
vertical-align:bottom;
object-fit:contain;
}
.img_2em{
height:2em;
vertical-align:bottom;
object-fit:contain;
}
I've stripped my test right back to the actual recommended code on the Kindle guideline page (inline images):
https://kdp.amazon.com/en_US/help/to...5V4YX5X8GRGXWV
The only appreciable difference is that I'm using a css class for the two different sizes rather than just formatting the root IMG tag as the instrux does.
I've even tried humouring it by making my class names img.img_1em5 etc. No dice! Imags look like they're rendering 1:1 pixel size.
WHAT AM I MISSING!!! ARGGHHH!!!
I just want to add that I'm not new to all this, 12yrs plus doing this for a living and STILL finding Apple a PITA.