覆盖响应式打印方式

Question

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

有没有办法告诉浏览器在打印时使用桌面样式？

Answer 1

使用

@media print {
    //Your CSS
}

您可以在http://www.w3schools.com/css/css3_mediaqueries.asp

了解@media print以及如何使用它

应用程序的一个例子可能是

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