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

Question

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

像这样。

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

我使用媒体查询适用于小型设备，使得它是这样的：

第1栏：数据1
第2栏：数据2
第3栏：数据3
第4栏：data 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设置，使得高度依赖于内容。