Quote:
Originally Posted by Liudprand
Thanks for this. So, "auto", in this context, means preserving the aspect ratio?
Also, is there any way of adding a global instruction to an epub file that will apply the setting to all images?
|
Auto does not quite mean preserve aspect ratio, but it comes close. Basically, the height will be set to the image height after applying the width constraint. You may want to check for more information on the Internet, for instance:
CSS Height, Width and Max-width for some basics.
You could try adding:
Code:
img {
height: auto !important;
}
to the start of the CSS stylesheet and checking other image references to remove height references that are fixed.
The width percentage depends on the image. I generally go generic and use values such as 95% for near full page width images, 50%/33% for most images within the ebook such as author headshots and 20% for scene separator images.
A lot of that comes down to personal preferences. One friend of mine tends to divide the image width in pixels by 6 and use that as the % which makes his images vary more in size. the 6 comes from his old ereader which had a 600x800 screen so dividing the pixels by 6 gave him the percentage of screen width.