IE边缘打印一个额外页面但不在Chrome中

Question

在打印模态窗口时，我有带滚动条的模态窗口。我在IE边缘获得了一个额外的空白页面。 如果我使用下面的CSS代码，我能够得到我想要的多于一页的数据，也就是说，如果模态有三页数据，IE edge＆amp;镀铬打印正好三页，是完美的。但是，如果我在IE边缘只有一页数据打印一页数据和一页空白页面。 但是，这在Chrome中完全有效（它只打印一页数据）。 如果我将模态高度更改为自动然后它只打印一页（在IE中它的工作完美）。但是如果模态有三页数据，它只打印一页。任何帮助是极大的赞赏。

@media print {
 .modal {
    height: 100%;
 }
.modal-body {
    height:100%;
    overflow: visible;
 }
}

Answer 1

真的需要查看HTML背后的内容，但我猜测height:100%正在将页面推得太高而没有给你第二页。您可能在打印样式表中不需要height:100%。如果您需要覆盖CSS中其他地方使用的特定高度，请使用overflow:visible或height:auto。