Override responsive Stile zum Drucken

Question

Wir verwenden Breakpoints für die Reaktionsfähigkeit in SASS. Desktop-Stile beginnen bei min-width: 960px. Wenn wir die Seite DRUCKEN, verwendet der Browser unglücklicherweise die Tablet-Stile - mit anderen Worten, er denkt, dass das Drucken der Seite weniger als 960 Pixel breit ist. Ich weiß, wie man Druckstile schreibt, um sie zu übernehmen, aber wir wollen einfach die Desktopstile zum Drucken verwenden, ohne sie in eine CSS-Abfrage für den Mediendruck zu duplizieren.

Gibt es eine Möglichkeit, dem Browser mitzuteilen, dass er beim Drucken die Desktop-Stile verwenden soll?

Answer 1

Verwenden

@media print { 
    //Your CSS 
} 

Sie über @media Druck lesen kann und wie man es benutzt bei http://www.w3schools.com/css/css3_mediaqueries.asp

Ein Anwendungsbeispiel

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