Css 使用媒体查询@print并不是预览整个页面
在我的网页上,我有一个数据非常冗长的表格 像这样Css 使用媒体查询@print并不是预览整个页面,css,media-queries,Css,Media Queries,在我的网页上,我有一个数据非常冗长的表格 像这样 -------------------------------------------------- Column 1 | Column 2 | Column 3 | Clumn 4 | --------------------------------------------------- data 1 | data 2 | data 3 | data 4 | ------------------
--------------------------------------------------
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;
}
尝试从正文和HTML中删除100%的高度,同时避免所有其他
高度设置,使高度取决于内容。没有其他高度设置,最初我在HTML或正文中没有高度或宽度,但我这样做只是因为有人提出了另一个问题。这两种方式都不起作用。