View Single Post
Old 10-30-2015, 10:21 AM   #1
poetrycoder
Junior Member
poetrycoder began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Oct 2015
Device: Kindle Fire
kindle bug with scaled images

Hi,

Has anyone else experienced this? I find that when I scale an image using ems, it works great on Kindle Fire (and on Kindle Previewer 3), except for one thing: If the user increases the font size so that the width of the image takes up the entire screen, it "locks" at that size, and subsequently the image no longer scales down with the font size; it simply takes up the entire width of the screen.

Before-and-after screenshots attached. This example is an in-line image used in kind of a weird way, but the same thing happens with all the images I've used in the book (a lot). Here's the CSS


img.under{
display:inline-block;
width:10em;
top:.7em;
right:10em;
}
span.under img.under{
vertical-align: baseline;
position: relative;
top: .7em;
}

<span class="under"><img class="under" src="images/underline.jpg" alt=""/>

Thanks!

—Chris
Attached Thumbnails
Click image for larger version

Name:	Screenshot 2015-10-30 10.05.27.png
Views:	321
Size:	20.2 KB
ID:	143294   Click image for larger version

Name:	Screenshot 2015-10-30 10.05.44.png
Views:	372
Size:	18.8 KB
ID:	143295  
poetrycoder is offline   Reply With Quote