覆盖响应式打印

Question

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

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

Answer 1

使用

@media print { 
    //Your CSS 
} 

你可以阅读有关@media打印，以及如何使用它在http://www.w3schools.com/css/css3_mediaqueries.asp

应用的一个例子是

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