View Single Post
Old 12-05-2015, 09:03 PM   #8
dgatwood
Curmudgeon
dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.
 
dgatwood's Avatar
 
Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
There are several reasons your approach didn't work:

1. The screen isn't necessarily 800x1200, so that won't necessarily fill a page.
2. There's no page-break-before to force it to begin at the start of a page.
3. Even if you included page-break-before, the height:90% would still not be 90% the height of the viewport, but rather 90% the height of the enclosing container (the body element), I think.

The SVG wrapper approach requires the image to be by itself in an HTML file, with nothing else in that file. That way, the 100% width and height on the top-level element (html) are relative to the viewport height, the 100% dimensions on the next element (body) are relative to the html element (which is equal to the viewport size), etc.
dgatwood is offline   Reply With Quote