Question

我正在尝试定义一段HTML，如果是，则不会显示媒体类型是“打印”而不是“屏幕”。我试过了： {代码}

  <html>
   <head>
    <style type="text/css">
     @media print
     { .not_print: { hidden: true; }
     }
     @media screen
     { .not_print: { hidden: false; }
     }         
    </style>
   </head>
   <body>
    <span class="not_print">
     <p>This should not be displayed if printed / print previewed.</p>
     </span>
   </body>
  </html>

但如果页面由Firefox（36.0，Linux x86_64）打印/打印预览，则不会隐藏该部分。

有什么想法吗？有人设法定义了不会打印的HTML部分吗？

提前感谢您的回复。

Answer 1

我认为您正在搜索以下内容：

仅在打印时显示：

@media print {
    div {
       display: block;
    }
}
@media screen {
    div {
       display: none;
    }
}

或仅在屏幕上显示：

@media print {
     div {
       display: none;
     }
}
@media screen {
     div {
       display: block;
     }
}

Answer 2

我应该提到我试图定义一个不打印的CLASS部分，而不是所有“div”元素，所以我最终使用了：

    @media print
     { .no_print { display: none; }
     }
     @media screen
     { .no_print { display: block; }
     }         
    ...
    <div class="no_print">
      this section will not be printed ...
     </div>

如何制作非 - ＆＃34;屏幕＆＃34;媒体类型

2 个答案: