Quote:
Originally Posted by Paddlin
So I'm designing a book to go up on the iBooks store and I want to put one image that fills the page (as best it can) at the beginning of every chapter. Everywhere I look online cites 600x860 pixels as the so-called "magic number" to fill the screen with the image, but the images I place in at that size seem too small.
|
600x800 is a common pixel size of ebook reader screen, that's probably why you see that size mentioned. If I'm not mistaken, the iPad has a larger screen, so you'd see an image smaller than the screen.
Quote:
I've also seen various references online telling me to add "style="max-width: 100%" to the img tag in the XHTML document, but that doesn't seem to do anything either.
|
Of course, "max-width" is the maximum width, but it says nothing about the minimum. For your device, 600 pixels is less than 100%, so the image is not affected by max-width.
You can either creating a larger image (say 1200x1600) and using "max-width: 100%", or keeping the smaller one and using "width: 100%", this would stretch the image up to fill the whole width (for whatever "width" actually means for the iPad, i.e., it might leave some margins).