javascript - HTML 另存为 PDF 2 页

Question

我有一个按钮可以将我的 html 打印为 PDF。问题是我需要它打印两页。不同的浏览器会把它弄乱并且无法正确打印第二页。如何使用我的代码指定第 2 页..

       function printPageArea(areaID){
       var printContent = document.getElementById(areaID);
       var WinPrint = window.open('', '', 'width=830,height=792');
       WinPrint.document.write(printContent.innerHTML);
       WinPrint.document.close();
       WinPrint.focus();
       WinPrint.print();
       WinPrint.close();
        }

    <a href="javascript:void(0);" style="position: relative;left: 0;top: 50px;" onClick="printPageArea('printableArea')"><button class="custom" style="width:auto!important;">Download PDF</button></a>


     <div class="content-wrap-consent" id="printableArea">

     <div class="page-one">
     Page One
     </div>


    <div class="page-two">
    Page two
    </div>
    </div>

Answer 1

我认为你需要在CSS中使用@media print，

下面是一些链接，

Create print styles using CSS3 @media queries

CSS Printing - @media Rule