html - CSS 打印，标题仅在第一页宽度 css

Question

我在 Logo 标签中有一个标志。对于打印样式，我制作了@print 媒体查询 CSS。如果我将其打印出来， Logo 将打印在每一页上 - 但它应该只显示在第一页上。

尝试过:

header { display:none; }
@page:first { 
  header { display:block; } 
}

但是每页的页眉都会被删除!有小费吗？ 谢谢

Answer 1

你应该删除代码

header { display : none; }

因为通过将 display 属性设置为 none。该元素将被隐藏，页面将显示为该元素不存在。