Safari Print Media Queries not matching other browsers / cutting off : <p>I have a web app that looks fine when rendered in Safari but the print media queries are not being respected by the browser.  In Chrome the entire printable area looks fine, however in Safari it appears to be only some variation of visible content.</p>

<p>When scrolling down on the page the header or top area is cut off, when printing higher on the page the bottom is cut off.</p>

<p>I've tried the following for the print media queries (with no effect) -</p>

<ol>
<li>Setting a <code>min-height</code> </li>
<li>Setting any variation of a <code>height</code> value on the container</li>
<li>Zooming out and printing </li>
<li>Changing resolution / scale</li>
</ol>

<p>Nothing appears to have any effect at all.</p>

<p>Unlike Chrome, I can't find a way to debug why it is happening nor a way to debug the print styles themselves.</p>

<p>Note - I am using Bootstrap for styles so there are containers, rows, spans, etc... but even removing them completely and everything being on it's own line makes no difference, the same "height" of the content is shown on print.</p>
