Question

我想在css下以特定方式打印html页面。但是所有@media打印示例似乎都有一个外部.css文件，我希望能够在没有外部文件的情况下执行此操作，这意味着没有链接rel标记：

 <LINK REL="stylesheet" MEDIA="print...

我该怎么做？

Answer 1

我建议使用外部样式表，但如果你真的想要，你可以在与HTML相同的页面上做这个，这样的一个例子就是这样，

HTML / CSS

<!DOCTYPE html>
<html>
    <head>
         <style>
              @media print {

                   /* changes the display property to none on all 
                      p elements when printed */
                   p { display: none}
              }
         </style>
    </head>
    <body>
         <p>I'm here when the page isn't printed</p>
    </body>
</html>

Answer 2

在CSS样式块中使用@media print查询：

<style>
@media print {
   /* print css here */
}
</style>

Answer 3

确保结束样式标记（）在@media打印查询的结尾与结束标记之间有一个空格。像这样：

@media print {
      stuff {more stuff;}
} </style>

右花括号，空格，然后结束标记。

CSS：没有外部css文件的@media打印？

3 个答案: