我使用@media query来覆盖网页的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;
}
}
您可以使用:
page-break-after: auto;
或:
@media print {
html, body {
height: 99%;
}
}
如在打印时如何避免末尾出现多余的空白页中所述?
但由于我没有那么多地从事印刷工作,我再也无能为力了。