打印CSS - 元素的完整页面

Question

我的media="print" CSS中是否有一些语法可以使一个div元素覆盖整个打印页面？

<div id="important_thing">Important!</div>
<ol id="other_stuff">
  <li>Thing</li>
  <li>blah</li>
</ol>

print.css

#important_thing {
  width:100%;
  height:100%;
}

#other_stuff li {
  float:left;
  width:20pt;
  height:8pt;
}

这没有达到预期的效果。我希望有一个完整的页面用于“重要的东西”以及所有列表元素所需的许多其他页面。

有什么想法吗？

Answer 1

使用分页符

http://www.w3schools.com/cssref/pr_print_pageba.asp

#important_thing { 
  width:100%; 
  height:100%;
  page-break-after:always 
}

您可能需要将其与 page-break-before：始终

结合使用

Answer 2

如明天__所指出，这可以通过应用

来实现

width: 100vw; height: 100vh;

到元素。