title_body: How to create an ePub full-page image which properly reflows I'm interested in taking some text and making an ePub e-book out of it. It has full-page images in it. Is there some way in ePub to make an image become a full-page image that properly gets reflowed when the font size changes? That is, I want the image to always take up a full page, but when the font size changes, the text should reflow so that the image is still full page, but doesn't break the text off on the previous page.
  
  
  
  I'm describing this very poorly.
  
  When I was a kid, I would read the novels my father had acquired when he was a kid. Nancy Drew, Hardy Boys, Rick Brant, Ken Holt, Tom Swift /Jr., etc.
  
  These books had a style of illustration, where every so often there would be a full-page illustration. It had a line from the text of book below it in italics. It was usually within a page or two of where the text it illustrated came from.
  
  I'd like to recreate this in an ePub book I'm formatting. There are pull-out illustrations, which don't need to be at a particular place in the text. If reading the book on a device which displays a page at a time, what I want to have happen is for the text to reach the bottom of a page, you "flip" the page, there is a full-page illustration, you "flip" again, and you're back reading the text. It shouldn't matter where the page breaks are, the text should flow to the end of a page, then the illustration, and then the text resumes. If I change the font size (because my eyes are getting worse), it should still be a full-page illustration that doesn't cause the previous page of text to break off half-way down.
  
  Is this possible?
  
  Thanks…
upvoted_answer: Either put the images in their own html files or use the code above, page-break-before, or -after. 
  
  In these situations I generally use the css height: 100%, on both the container and the image itself, so if you use 
  
  &lt;div class="fullscreenimage"&gt;&lt;img src="some-image.jpg" alt="lalala" /&gt;&lt;/div&gt;
  
  
  you could create this css rule that does what you want:
  
  div.fullscreenimage , div.fullscreenimage img {height: 100%;}