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.
|