打印网页的pdf时防止打印白色空白纸

Question

我使用@media 查询覆盖了我网页的 css 属性并创建了一个适合我的打印布局。

但我有一个问题：即使我想打印的内容完全“停留”在一张 A4 纸内，如果我点击“打印”（无论是打印 pdf 还是普通纸打印），它也会打印出白色和空白附加表。

如何预防？

我的代码：

@media print {
           
      .noPrint{
        display: none;
      }

      section{         
        display:block;   
        background-color: white;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin:0;
        padding: 1em;  

        /*settings */    
        color-adjust: exact !important;  
        -webkit-print-color-adjust: exact !important;
      }

      a{
        display:none;
      }
      button{
        display:none;
      }
      h1{
        font-size: 3vw;
      }
 }

Answer 1

你可以使用：

page-break-after: auto;

或：

@media print {
    html, body {
        height: 99%;    
    }
}

如how to avoid extra blank page at end while printing?中所述

但由于我没有那么多时间使用打印，所以我无能为力了。