覆盖打印的响应样式

Question

我们在SASS中使用断点来提高响应性。桌面样式开始于最小宽度:960px。不幸的是，当我们打印页面时，浏览器使用的是tablet样式--换句话说，它认为打印页面的宽度小于960px。我知道如何编写打印样式来接管，但我们只是想使用桌面样式进行打印，而不必将它们复制到媒体打印CSS查询中。

有没有一种方法可以让浏览器在打印时使用桌面样式？

Answer 1

使用

@media print {
    //Your CSS
}

您可以在http://www.w3schools.com/css/css3_mediaqueries.asp上阅读有关@media print以及如何使用它的内容

应用程序的一个示例可以是

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