Quote:
Originally Posted by Trane
@ Turtle ... I couldn't stand it and re-did a new epub for testing... and you were exactly right, I forgot to link the CSS.  (That would explain why none of the methods in the links worked!)
Looked beautiful in Kindle Previewer for all Kindles they model. And in Sigil. (Am assuming this will work in epub too?)
... in your notes you said to set the CSS width to the actual pixel size of the pic. (Which I did for the test.) How does this spec work exactly? Like if that width in the CSS doesn't match the actual pixels of an image, what's the consequence? |
No worries, it's happened to all of us!
Setting the width of the image to 100% and the max-width to the pixel size of the image simply means that it will scale (completely fill) to the size of the parent element (the <div> in this case) but it won't get any larger than the actual image...ie. it won't get over stretched to the point it looks blurry/ugly.
this is not a concern if you have super hi-res images (larger than current displays), but it can be an issue if you are working with small originals.