我正在尝试格式化网页以进行打印。第一页是带有全出血背景的封面。其余页面都有页边距。
@page {
margin: 2cm;
}
@page :first {
margin: 0;
}
.cover {
display: block;
height: 100%;
width: 100%;
background-color: green;
page-break-after: always;
}
<div class="cover"></div>
<p>HUGE BLOCK OF BODY TEXT...</p>
Run Code Online (Sandbox Code Playgroud)
第一页看起来很完美,没有边距,但所有其余有边距的页面都被剪掉了文本。
问题似乎出在第一页。当我注释掉第一页的 margin: 0 时,所有剩余页面看起来都是正确的。
是否有使用 @page :first 更改边距的正确方法,并且不会影响其余页面?