在A4页面上打印HTML，媒体无法正常工作

Question

我要求在A4尺寸上打印html页面，另外我要打印内容正文以及css，html和忽略菜单列表，页眉，页脚和页面右侧菜单列表。

首先，我介绍了简单的div和类noprint，并在@media print中添加它，但它似乎无效。 noprint类在@media打印之外工作，所以我知道它是正确的。

我的要求是使用标准的Ctrl + P键盘选项直接从浏览器打印

            

"Not Found"

   

Answer 1

运行代码段然后按Ctrl + P，您将看到红色的线条。 截图：

＆＃13;

＆＃13;

@media print {
       .noprint { color:red; }
 }

＆＃13;

<div class="noprint">
        this is test line.....
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

默认情况下，大多数浏览器不会打印背景颜色和背景图像。我想你错过了绿色背景 - 这就是它的原因。

通常这可以在浏览器的打印对话框中启用，但要强制打印背景，您只能尝试将!important添加到打印时不能正常显示的设置中。

Answer 3

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