Last Updated: February 25, 2016
·
663
· arnonate

debugging @media print styles

@media screen and (max-width:8.5in) {
    html { width:8.5in;  }
    body { font: 9pt/1.5 Arial, sans-serif; }
    ....
}

A simple media query can simplify Print Style Debugging (as opposed to save > print > save to PDF > analyze > repeat). Simply resize your browser to 8.5in and you will see your print styles.