Help with html/css for responsive images/captions

ignosticism · 03-31-2021, 11:10 AM

Hi there, maybe someone has an idea how to fix this. I have a (wonky) but working solution for responsive images for different screen sizes in portrait landscape orientation. (See attachment image)

However after conversion to mobi, the outcome in my kindle paperwhite and kindle apps is not as desired (two images with two captions on one page in portrait mode) .

I have attached a small epub file with two html files A and B. Two approaches both don't work. I am not sure if I am using vh properties in a way that kindle doesn't recognize? If anyone has any idea how to fix this...you would make my day

phillipgessert · 03-31-2021, 01:52 PM

The desired behavior is to ensure 2-up in vertical orientation, correct? If so, sadly that won't be possible in all cases, and AFAIK vh basically doesn't work at all for ebook, and the viewport height is not targetable.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Responsive images and the Stylist	Phoebus	Recipes	2	09-09-2015 04:19 AM
images and captions	JSWolf	ePub	13	04-07-2015 11:27 AM
Epubs: keeping images and captions together	verydeepwater	ePub	13	12-02-2012 04:33 PM
Images and captions in epub	Balaji	Workshop	3	08-19-2011 08:00 AM
captions and images together	detede	Apple Devices	11	06-14-2010 09:00 PM

03-31-2021, 01:52 PM	#2
phillipgessert Addict Posts: 311 Karma: 3196258 Join Date: Oct 2015 Location: Madison, WI Device: Kindle 5th Gen	The desired behavior is to ensure 2-up in vertical orientation, correct? If so, sadly that won't be possible in all cases, and AFAIK vh basically doesn't work at all for ebook, and the viewport height is not targetable.