前言
最近接到一个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预览
打印预览