css - print-break-inside 在 IE11 上将元素拉伸(stretch)到整个页面

Question

我正在尝试打印 Angular Material 表而行内没有分页符，所以我使用的是样式。

.mat-row {
    page-break-inside: avoid;
}

在 Chrome 和 Firefox 上一切正常，但 IE11 有时会将单行拉伸(stretch)到整个页面高度。

这是一个非常大的元素，所以我真的不能提供任何 plunkr，但它看起来像这样:

有没有其他人遇到过这样的错误并知道如何解决？

Answer 1

这是我在 aria 兼容布局上使用的规则。

*[role=main] section,form{ page-break-before:always;-webkit-break-before: always;break-before:always }

参见 https://caniuse.com/#search=page-break-inside

跨浏览器支持表。

您的 IE 开发工具的“仿真”选项卡显示什么？即:您使用的是哪种 IE 仿真模式...如果这是一个内部/内部网站，IE 可能正在使用较低的仿真版本。