Overriding sensitive print styles

Question

We use breakpoints to respond in SASS. Desktop styles start with a minimum width of 960 pixels. Unfortunately, when we print a page, the browser uses tablet styles — in other words, it “thinks” that the page prints less than 960 pixels. I know how to write print styles to take responsibility, but we just want to use desktop styles for printing without duplicating them in a CSS request for printing in the media.

Is there a way to tell the browser to use desktop styles when printing?

Answer 1

Use

@media print {
    //Your CSS
}

@media , http://www.w3schools.com/css/css3_mediaqueries.asp

@media print {
    .header {
        display:none!important;
    }
}