Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 使用媒体查询@print并不是预览整个页面_Css_Media Queries - Fatal编程技术网

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或正文中没有高度或宽度,但我这样做只是因为有人提出了另一个问题。这两种方式都不起作用。