覆盖响应式打印样式

Question

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

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

Answer 1

使用

@media print {
    //Your CSS
}

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

一个应用示例可以是

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