css - 覆盖响应式打印样式

Question

我们在 SASS 中使用断点来提高响应能力。桌面样式从 min-width: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;
    }
}