前言
最近接到一個bug,是關於公司產品使用了pdf.js出現的pdf預覽正常
點擊打印預覽時多出一頁空白的問題
閱覽文件時只有1頁

打印預覽時多出一頁空白

查閱了網上的資料,得到的結果寥寥無幾
但是可以確定是調用打印時的樣式出現了問題
隨即對@media print {}里打印的部分進行了調試
#對打印處的div樣式設置了高度100%,overflow: hidden;
#printContainer > div {
position: relative;
top: 0;
left: 0;
height: 100%; /* 新增 */
overflow: hidden; /* 新增 */
page-break-after: always;
page-break-inside: avoid;
}
pdf預覽

打印預覽

