使用媒体查询@print不是预览整个页面

Question

在我的网页上，我的数据表非常冗长。

喜欢这个。

--------------------------------------------------
Column 1   |    Column 2   | Column 3  | Clumn 4  |
---------------------------------------------------
  data 1   |    data 2     |  data 3   | data 4   |
---------------------------------------------------

我正在为较小的设备使用媒体查询，因此它是这样的：

第1栏：数据1
第2栏：数据2
第3栏：数据3
第4栏：数据4

事实是，这一个网页上有大量的数据。我在新的样式表中使用@media print进行打印。

问题是它只显示了大约3页，我可以看到还有更多的数据需要显示。我知道工作表的链接正在工作，因为它仍然在做其他样式，如字体颜色等。此外，我的页面周围有一个边框。在打印预览中，边框未关闭。所以我知道还有更多要展示的。

我也完成了body, html {width: 100; height: 100%; display: block;}并且它没有任何区别。

有人有什么建议吗？感谢。

@media print { 
/*Generic styling */

body, html{
    width:100%;
    height: 100%;
    display: block;
}

Answer 1

尝试从正文和HTML中删除100％的高度，并避免所有其他height设置，使得高度取决于内容。