Hitch:
I just had a thought. I remember in the past struggling with trying to put images in an Apple version of my last non-fiction book. Apple demand that you style the image size as follows:
Quote:
HTML:
<div class="image-container">
<img src="images/bears.jpg" alt="three bears peer at goldie locks"/>
</div>
|
and then in the CSS:
Quote:
img {height: 100%;}
.image-container {height: 100vh;}
|
But how does that work if you have both horizontal and vertical images, or differently sized images (50%, 75%, etc)?
I think I tried making different containers (so that each image was 100% of the size of, for example, a 50%-of-screen image) but that didn't work.
Also, in this latest ebook, in order to make the large cover fit and sit properly, I have to style inline there:
Quote:
<div style="text-align: center;"><img alt="cover" height="100%" src="../Images/cover.jpg"/></div>
|
This overrides the 1em in the CSS, though I don't understand why exactly.