在新版本的 chrome(108) 之后，从我的应用程序打印时会添加一个额外的空白页。我怎样才能删除它？

Question

它在 Microsoft Edge 上运行良好。

以下内容在一页上进行。然而，该项目的核心存在这个错误。

@media print {
    html, body {
        height: 100vh;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

打印某些页面时，不会在最后一页添加空白页。

Answer 1

page-break-after尝试删除DOM 中最后一个元素的额外内容。

我改变了我的CSS

    .page {
        page-break-after: always;
    }

对此：

    .page:not(:last-child) {
        page-break-after: always;
    }

Answer 2

尝试打印 Google 地图时会观察到相同的行为。解决方法在这里。 https://support.google.com/chrome/thread/191619088?hl=en&msgid=192661374