javascript - IE edge 多打印一页但 Chrome 不打印

Question

我有带滚动条的模态窗口，同时打印模态窗口。我在 IE edge 中得到一个额外的空白页。如果我使用下面的 CSS 代码，我可以获得我想要的多页数据，也就是说，如果模态有三页数据，IE edge & chrome 正好打印三页，这是完美的。但是，如果我在 IE edge 中只有一页数据，则打印一页数据和一页空白页。但是，这在 Chrome 中非常有效(它只打印一页数据)。如果我将模态高度更改为自动，那么它只打印一页(在 IE 中它完美无缺)。但是如果模态有三页数据，它只打印一页。任何帮助是极大的赞赏。

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

Answer 1

确实需要查看其背后的 HTML，但我猜测 height:100% 将 Edge 中的页面推得太高，并给了您第二页。您可能不需要在打印样式表中使用 height:100%。如果您需要覆盖 CSS 中其他地方使用的特定高度，只需使用 overflow:visible 或 height:auto。